JS点击不工作

Question

非常简单的onclick没有开火。

在包含类的循环中创建div：

class="person glyphicon glyphicon-user"

我试过选择这个课程的唯一方法

$('.person')click(function(){
console.log("something";
});

它只是不起作用，但我可以使用相同的选择器打印它们，我可以触发onclick事件

$('body div').click

所以这是一个与上课的人的分歧，让我一无所知

提前感谢。

编辑：没有浏览器错误，没有操作，没有。 从我的代码中粘贴的方法副本：

$('.person').click(function() {
    console.log("something");
});

Answer 1

您有多个可能的问题（并且假设这些只是您问题中的拼写错误）：

1. 确保将jQuery添加到您的html文件中，并在该链接之后使用所有其他jQuery用法。

2. 确保您的JS被$(document).ready(function(){});

包裹

3. ＆＃34;在包含类的循环中创建div：＆＃34;这导致相信你是通过JS循环创建它们的？如果是，则需要在循环后调用$('.person').click(function(){});。在元素类型上创建事件（在本例中为 class ）不适用于将来的元素。

Answer 2

尝试使用jquery on而不是点击

$( ".person" ).on( "click", function() {
console.log("something");
});

Answer 3

你在jquery选择器之后错过了一个点：

$('.person')click(function(){
   // something
});

应该是

$('.person').click(function(){
   // something
});

另外，请确保在div类person

之后声明您的点击处理程序

编辑，因为它似乎只是在您的问题中而不是您的代码中的拼写错误。

Answer 4

我不确定这个元素是否有类＆＃34; person＆＃34;是动态创建的。无论哪种方式，尝试：

$("body").on("click", ".person", function() {
    console.log("something");
});

Answer 5

$（document）.off（'click'，'。person'）。on（'click'，'。person'，function（）{ console.log（'hello world'）;

$(document).ready(function(){
$('.person').click(function(){
alert('helloooo...')
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<button class="person">click me</button>

}）;

Answer 6

我不确定你是否完成了以下工作。但试试这个问题：

首先，检查您是否正确导入jquery.min.js，其中包含正确的jquery路径。

然后，检查您的脚本是否仅在加载jquery.min.js后加载。

一次，请再次确保在加载jquery.min.js后触发或调用您的代码（或脚本）。

如果可以，那么，检查在任何脚本之间是否无法执行，就好像任何脚本无法在其间运行一样，将跳过其后面的代码。我的意思是说：

line in which your `jquery.min.js`
.
.
.
.
.
Some code that is error prone
.
.
.
.
.
And at last your script lies (which wont fire)

Answer 7

如果尚未解决，请尝试这种方式

$(document).on('click','.person',function(){
   console.log("something");
});