javascript - 选项卡代表不工作

Question

如何点击这个类 ui-icon-close？

我有以下 HMTL

<ul id="tabs" class="nav nav-tabs" >
   <li class="active">
       <a href="#List" data-toggle="tab">My List 
           <span  class='ui-icon ui-icon-close'></span> 
       </a>           
   </li>
</ul>

以及以下 Jquery/Javascript

$('#tabs a').delegate( "#.ui-icon-close", "click", function(){
    console.log('tabs');
 });

Answer 1

Working fiddle

你在#.ui-icon-close中多了一个#应该是".ui-icon-close":

$('#tabs a').delegate( ".ui-icon-close", "click", function(){
    console.log('tabs');
});

As of jQuery 1.7, .delegate() has been superseded by the .on() method.

因此您应该使用 on() 而不是 delegate() 并反转事件 click 和选择器 的位置。 ui 图标关闭 :

$('#tabs a').on( "click", ".ui-icon-close", function(){
    console.log('tabs');
});

希望这对您有所帮助。