回调不起作用

Question

我有一个严重的问题，当我点击应该调用回调的元素时，我的jquery插件有回调。

我观察到点击事件触发了多次，因为我将unbind非常好地处理了一些项目，但是有些项目没有触发回调。

$(this).children('li').unbind('click').click(function(){
switch(this.id){
    case 'foo' : options.foocallback();
      break;
    case 'bla' : options.blacallback();
      break;
    .....
  }
}); 

HTML：

<ul>
<li id="foo">...</li>
<li id="bla">...</li>
...
</ul>

现在当我点击列表项时，一些正常工作并调用回调

**但有些项目没有调用回调**

Answer 1

您可以尝试这样的（如果您的事件绑定不依赖于某些条件）

的 HTML 的

<ul id="listholder">
  <li id="foo">...</li>
  <li id="bla">...</li>
  ...
</ul>

的的jQuery 的

$('#listholder li').on('click', function() {
 switch(this.id){
    case 'foo' : options.foocallback();
      break;
    case 'bla' : options.blacallback();
      break;
    .....
  }
});