jQuery单击事件不起作用如何解决？答案

【问题标题】：jQuery click event is not working How to resolve?jQuery单击事件不起作用如何解决？
【发布时间】：2017-05-20 04:38:40
【问题描述】：

HTML：

<i class="fa fa-close closelabel" data-input="pettype" data-value="Lost" style="font-size: 16px; padding-left: 3px;cursor:pointer"></i>

jQuery:

$("fa.fa-close.closelabel").click(function(){
    alert("hello world");
});

任何人都可以请帮助我为什么这个功能不起作用？

【问题讨论】：

$(document).on('click','fa.fa-close.closelabel',(function(){ alert("hello world"); });

【解决方案1】：

不存在元素$("fa.fa-close.closelabel") 您的选择器正在尝试查找具有标记名fa 和类fa-close 和closelabel 的元素

改成

$("i.fa.fa-close.closelabel").click(function(){
    alert("hello world");
});

【讨论】：

【解决方案2】：

你忘记了第一个点

$(".fa.fa-close.closelabel").click(function(){ alert("hello world"); });

【讨论】：

【解决方案3】：

将 $(document).on 用于动态内容。

  $(document).on('click','.fa.fa-close.closelabel',function(){ alert("hello world"); });

注意：拼写错误的类名错过了第一个点

【讨论】：