javascript - 如何在 chrome 扩展中使用 jquery 执行点击事件?

标签 javascript jquery google-chrome google-chrome-extension

现在我将一个带有类按钮的 div 附加到 popup.html 的主体中,然后在 popup.js 中我使用 jQuery 执行单击事件,但它不起作用。当我将代码放入 jsfiddle 时它就起作用了。 以下是我附加到正文的 HTML:

<div class="button">Clear Saved Login</div>

这是我用来尝试在点击时发生一些事情的 jQuery:

$('document').ready(function(){
   $('.button').click(function() {
       alert('worked');
   });
});

我知道 jQuery 正在被导入,因为如果我在 document.ready() 上放置一个警报,它就会提醒我。我不知道这是 chrome 的问题还是我遗漏了一些东西。

最佳答案

我也有类似的问题。我必须确保将 JQuery 库下载到一个名为 jquery.js 的文件中,并将其放入插件的文件夹中。然后在您的 list 中包括:

  "content_scripts": [ {
    "js": [ "jquery.js", "yourscript.js" ]
  }]

当然,如果你有 yourscript.js 的话。如果我没记错的话,我认为将它像这样的文件一样包含在内就是对我的帮助。

关于javascript - 如何在 chrome 扩展中使用 jquery 执行点击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20895258/

相关文章:

javascript - 为什么这个 JavaScript 广告只有在 &lt;iframe&gt; 中加载时才会被裁剪?

javascript - 检测图像链接并嵌入它们

javascript - chrome扩展执行脚本等待ajax响应完成

javascript - 调用页面停止后的 unblockUI

JavaScript 语句简写需要扩展

javascript - jQuery 中的意外标记

jquery - Bootstrap- 带有内容覆盖的背景图像

javascript - Unity WebGL 尝试在 Chrome 上显示视频时出错

google-chrome - Chrome 80+ 与跨站点资源关联的 cookie 设置为没有 `SameSite` 属性。已被屏蔽

javascript - 悬停时带有可点击弹出窗口的全日历