Jquery 动态添加的按钮不会在Google Chrome内容脚本中触发

Jquery 动态添加的按钮不会在Google Chrome内容脚本中触发,jquery,google-chrome,google-chrome-extension,Jquery,Google Chrome,Google Chrome Extension,当用户使用popup.html登录时,我的Google Chrome扩展内容脚本使用Google Chrome消息传递API从popup.html接收消息 内容脚本应该动态地向页面添加一个按钮,单击该按钮将触发事件处理程序 该消息由内容脚本接收,按钮被添加,但是单击时,按钮不会触发处理程序 下面的代码(内容脚本消息接收器) 由于按钮是动态添加的,我使用了“on”JQuery事件,因为按钮将在页面加载后添加,我认为这可能会起作用。您需要将处理程序附加到dom中的现有元素或文档中 $(documen

当用户使用popup.html登录时,我的Google Chrome扩展内容脚本使用Google Chrome消息传递API从popup.html接收消息

内容脚本应该动态地向页面添加一个按钮,单击该按钮将触发事件处理程序

该消息由内容脚本接收,按钮被添加,但是单击时,按钮不会触发处理程序

下面的代码(内容脚本消息接收器)


由于按钮是动态添加的,我使用了“on”JQuery事件,因为按钮将在页面加载后添加,我认为这可能会起作用。

您需要将处理程序附加到dom中的现有元素或文档中

$(document).on("click","#buynow",function(e) {
    console.log("button clicked")
    alert("clicked the button");
})

您需要将处理程序附加到dom中的现有元素或文档中

$(document).on("click","#buynow",function(e) {
    console.log("button clicked")
    alert("clicked the button");
})

这篇文章应该会有帮助:谢谢你的帮助!:)这篇文章应该会有帮助:谢谢你的帮助!:)
$(document).on("click","#buynow",function(e) {
    console.log("button clicked")
    alert("clicked the button");
})