Question

我正在进行一个简单的jquery点击操作，它不起作用我不知道它为什么会发生。

我在控制台中看到输出（我也尝试过警告）

这是我的代码：

<script src="../jquery.min.js"></script>
<script>
    $("#one").click(function(){
        console.log("The paragraph was clicked.");
    });
</script>
<button id='one'>Click Me</button>

Answer 1

您的DOM未加载。您应该在documednt ready函数或窗口加载函数或中包含您的jquery事件，您应该在关闭</body>标记之前使用脚本{{3}建议

$(document).ready(function(){
//Your code here
});

所以，你的代码应该是

<script src="../jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#one").click(function(){
        console.log("The paragraph was clicked.");
    });
});
</script>
<button id='one'>Click Me</button>

详细了解$( document ).ready() nullpoiиteя和here

Answer 2

这是因为事件在控制渲染后具有绑定。你也可以试试这个：

{"id":"1","location":"india"}

Answer 3

案例1：文档尚未完全加载，因此DOM没有找到按钮。

Place your click code inside 

<script>
$(document).ready(function(){
// Click event here
});
</script>

<button id='one'>Click Me</button>

案例2：在其他情况下，如果您确实想要将代码置于＆＃34; ready＆＃34;码只需将按钮放在按钮的点击事件上方即可。

<button id='one'>Click Me</button>
<script>
    // Click event here
</script>

案例3：这是静态按钮，在动态按钮（在运行时创建的按钮）的情况下也会出现问题。在这种情况下，您可以尝试实时点击或绑定点击事件。

$(document).on("click", "#one", function(){
// Your code here 
});

$("#one").bind("click", function(){
   // Your code here 
});

点击事件的Jquery不适用于简单操作

3 个答案: