JQuery的live方法无法正常工作

Question

当有一个键被按下时，我想将.live内容放入一个div中...我查看了这里的论坛帖子，但没有找到答案...

为什么我的代码不起作用？我使用的是这个JQuery：

<script type="text/javascript" src="jquery-ui-1.7.1.custom.min.js"></script> 


<script type="text/javascript">

$(document).ready(function() {
// When the document is ready set up our sortable with it's inherant function(s)

  $(".atleetnaamlink").live('keyup', function(){
    alert('test');
  });  
</script>

- Olivier Peeters

---

$(selector).live(events, data, handler); // jQuery 1.3+$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+$(document).on(events, selector, data, handler); // jQuery 1.7+ - Pragnesh Chauhan

Answer 1

尝试执行 on 操作。

$(selector).live(events, data, handler);                // jQuery 1.3+
$(document).delegate(selector, events, data, handler);  // jQuery 1.4.3+
$(document).on(events, selector, data, handler);        // jQuery 1.7+

$(document).ready(function() {
 $("body").on('keyup' ,'.atleetnaamlink', function(){
   alert('test');
 });  
});

DEMO

- Pragnesh Chauhan

---

谢谢！现在它可以在==> jsfiddle.net/oli4tje/4Ksur/2 中工作。但是我想实现on change或者keyup的变化。需要做出哪些改变？并且我想在keyup（或change）.naam中加载另一个页面的内容，放到div .naamid中！通常我使用.get jquery进行操作。我能再次这样做吗？ - Olivier Peeters

Answer 2

.live()已被弃用，请使用.on()代替。这样会起作用。

$(".atleetnaamlink").on('keyup', function(){
    alert('test');
}); 

- techfoobar

---

现在它可以用了 ==> http://jsfiddle.net/oli4tje/4Ksur/2/但是我想要在change或者keyup时进行更改，需要怎么做呢？ 并且我想要在.naam中输入的内容发生keyup（或change）时，加载另一页的内容到div .naamid中！通常我使用.get jquery。我能再次这样做吗？ - Olivier Peeters

Answer 3

你缺少了 }); 和 工作演示 http://jsfiddle.net/JwRRH/

希望它有所帮助 :) 顺便提一下，live 已经被弃用了，如果你感兴趣可以看看这个 What's wrong with the jQuery live method?

代码

  $(document).ready(function() {
    // When the document is ready set up our sortable with it's inherant function(s)

      $(".atleetnaamlink").live('keyup', function(){
        alert('test');
      });  
    });​

或者*

 $(document).ready(function() {
        // When the document is ready set up our sortable with it's inherant function(s)

          $(document).live('keyup',".atleetnaamlink", function(){
            alert('test');
          });  
        });​

- Tats_innit

---

@OlivierPeeters，酷哥没问题，上面的其余内容应该会有所帮助。请查看附加的工作演示http://jsfiddle.net/JwRRH/ :) - Tats_innit

谢谢！现在它可以使用 ==> jsfiddle.net/oli4tje/4Ksur/2 但是现在我想要在change或者keyup事件中获取一个变化。需要做什么改变呢？并且当在.naam输入框中进行keyup（或者change）时，我想要加载另一个页面的内容到.naamid这个div中！通常我会使用jQuery的.get方法来实现。我还能再次这样做吗？ - Olivier Peeters

是的，我知道，但是每次我输入一个字母时，我会收到两条消息？ - Olivier Peeters

@OlivierPeeters 奇怪，我只收到了一个警报。无论如何，请在这里查看https://dev59.com/BV7Va4cB1Zd3GeqPKHy1 :) - Tats_innit

Answer 4

在上面添加以下内容：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="jquery-ui-1.7.1.custom.min.js"></script> 

看看这是否有效。

重要的是不要忘记接受它，如果它解决了您的问题。

- Jai