從內容腳本到Google Chrome擴展程序中的彈出窗口，點擊事件均不起作用

Question

當我通過內容列表中的jquery click事件執行某項操作時，我在彈出窗口中做了一個按鈕，因此無法正常工作。 如何通過元素ID將click事件綁定到按鈕？ 值得注意的是，jQuery在Document Load事件上正在運行。

該代碼在下面工作：

$(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")...
});