Question

当我通过内容脚本中的jquery click事件执行某些操作时，我在弹出窗口中创建了一个按钮。如何通过元素ID将click事件绑定到按钮？值得注意的是，文档加载事件上的jQuery正在那里工作。

此代码的工作如下：

$(function(){
    $("#demo" ).css("background-color","red");
});

此代码无效：

$("#demo").click(function() {
  $(this).css("background-color","red");
});

Answer 1

仅使用匿名函数调用jQuery是$(document).ready()

的简写

您的第一个代码仅在DOM完全加载后运行。

您的第二个代码会立即运行，并且无法正常运行，因为您可能在创建#demo元素之前调用它（例如，当您的脚本位于<head>标记内时发生）。

使用：

$(function() {
  $("#demo")...
});

或：

$(document).ready(function(e) {
  $("#demo")...
});