javascript - 在 Google Chrome 扩展上，从内容脚本到弹出窗口的点击事件不起作用

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

此代码在下面运行:

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

此代码在下面不起作用:

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

最佳答案

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

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

您的第二个代码立即运行，并且不起作用，因为您可能在 #demo 之前调用了它。元素已创建(例如，当您的脚本位于 <head> 标记内时会发生)。

用途:

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

或者:

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

关于javascript - 在 Google Chrome 扩展上，从内容脚本到弹出窗口的点击事件不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26801984/