【问题标题】:How to do click events using jquery in a chrome extension?如何在 chrome 扩展中使用 jquery 进行点击事件?
【发布时间】:2014-01-03 01:57:01
【问题描述】:

现在我正在将一个带有类按钮的 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() 发出警告,它会提醒我。我不知道它是镀铬的还是我遗漏了什么。

【问题讨论】:

  • 请在问题中包含您在 popup.html 中的确切 HTML/JS/等。这将更好地帮助我们识别问题。

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


【解决方案1】:

我遇到了类似的问题。我必须确保将 JQuery 库下载到一个名为 jquery.js 的文件中,该文件放在我的插件文件夹中。然后在您的清单中包括:

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

当然 yourscript.js 是如果你有的话。如果我没记错的话,我认为像这样的文件一样包含它对我来说是这样做的。

【讨论】:

  • 是的——但他也没有说他没有!在我的情况下,以这种方式加载 JQuery 为我解决了这个问题。
  • 这个问题特别提到了“popup.html”,所以很可能 content_script 没有帮助。
猜你喜欢
  • 1970-01-01
  • 2019-01-02
  • 1970-01-01
  • 2015-04-08
  • 2014-09-25
  • 1970-01-01
  • 2023-03-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多