0

jquery next() 在我的代码中不起作用。我的html代码是

 <a class="reply">Reply</a> 
 <div class="respond" style="display:none;">respond 1</div>      
 <a class="reply">Reply</a>
 <div class="respond" style="display:none;">respond  2</div> 
 <a class="reply">Reply</a> <
 div class="respond" style="display:none;">respond  2</div>

我的jQuery代码是

$('.reply').click(function(e){
      e.preventDefault();
      $(this).next().show();
});

但它不工作。请给我一个解决方案

4

1 回答 1

2

执行顺序很重要。如果您的 jQuery 代码在定义元素的 HTML 之前出现，那么代码将在这些元素存在之前运行，因此实际上不会绑定任何事件处理程序。在这些情况下，您需要使用 jQuery.ready()函数为 DOM 就绪事件绑定事件处理程序，以便在绑定事件处理程序时保证元素存在。

$(document).ready(function() {
    $('.reply').click(function(e){
        e.preventDefault();
        $(this).next().show();
    });
});
于 2012-08-10T08:10:52.970 回答