为什么这个javascript(jQuery)没有进入无限循环？

Question

我正在Karl Swedberg的博客上阅读关于绑定和解除绑定事件的伟大文章(因为我是js初学者使用jQuery),我对这部分代码感到非常困惑(简化为简洁):

    function addItemUnbind() {
      $Add a button but it won't have it's event added;
      addItemUnbind();
  });

为什么通过在自身内部放置相同的函数,它不会继续执行无限循环？但是,它用于将事件重新绑定到元素...!

Answer 1

据我所知,你的例子会.但是,您的示例与您引用的网站上的示例不同.

function addItemUnbind() {
  $('#list6 li.special button')
    .unbind('click')
    .bind('click', function() {
      var $newLi = $('<li class="special">special and new <button>I am new</button></li>');
      $(this).parent().after($newLi);
      addItemUnbind();
  });
}

在此示例中,当用户单击按钮时,将调用"addItemUnbind".