Javascript 选项卡代理不工作

我怎样才能点击这个类

ui图标关闭

我有以下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>

您在

#中有一个额外的
#
。ui图标关闭应为
“。ui图标关闭”
：

从jQuery 1.7开始，.delegate（）已被.on（）方法取代

因此，您应该使用
on（）
而不是
delegate（）
，并反转事件的位置
单击
和选择器
。ui图标关闭
：

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

希望这能有所帮助。
@RayonDabreI已经关闭了它。ui图标关闭，但仍然不工作。但是它不工作。我正在使用JQUERY 2.2.1
。在（事件[，选择器][，数据]，处理程序）
谢谢大家。。它仍然不起作用。。我有“$”（“#选项卡a”）。单击（函数（e）{e.preventDefault（）；}）；”这对上面的点击有影响吗？@ErnestAppiah，span元素中没有要点击的内容……提供的示例适用于我在更新的答案@ErnestAppiah中检查工作小提琴。和“防止默认设置”不应对关闭图标产生任何影响。
$('#tabs a').delegate( ".ui-icon-close", "click", function(){
    console.log('tabs');
});

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