委托函数在jquery 2.1.1中不工作

Question

我有这个代码加载内容在comment-list div使用jQuery的分页delegate:

JS:

<script type="text/javascript">
    $('#comment-list .pagination a').delegate('click', function() {
        $('#comment-list').fadeOut('slow');
        $('#comment-list').load(this.href);
        $('#comment-list').fadeIn('slow');
        return false;
    });         
    $('#comment-list').load('index.php?route=simple_blog/article/comment&simple_blog_article_id=<?php echo $simple_blog_article_id; ?>');
</script>

HTML:

<div id="comment-list"> 
  <div class="pagination">
    <div class="links">
     <b>1</b> 
       <a href="http://localhost/oc/index.php?route=simple_blog/article/comment&amp;simple_blog_article_id=5&amp;page=2">2</a> 
       <a href="http://localhost/oc/index.php?route=simple_blog/article/comment&amp;simple_blog_article_id=5&amp;page=3">3</a>
       <a href="http://localhost/oc/index.php?route=simple_blog/article/comment&amp;simple_blog_article_id=5&amp;page=2">&gt;</a>
       <a href="http://localhost/oc/index.php?route=simple_blog/article/comment&amp;simple_blog_article_id=5&amp;page=3">&gt;|</a> </div><div class="results">Showing 1 to 5 of 11 (3 Pages)
   </div>
  </div>
</div>

但在行动我的代码不工作，不加载内容在div。点击分页链接后，我看到打开新窗口并加载我的内容。我在jQuery 2.1.1版本中测试我的代码，我认为delegate在jQuery 2.1.1中不起作用。

如何解决我的问题?

Answer 1

从jQuery 3.0开始，.delegate()已被弃用。从jQuery 1.7开始，它就被。on()方法取代了，所以已经不鼓励使用它了。

然而，对于早期版本，它仍然是使用事件委托的最有效的方法。关于事件绑定和委托的更多信息，请参见 on() 方法。

使用事件委托 on() 代替:

$('body').on('click', '#comment-list .pagination a', function() {
    ....
});