Question

我的最终目标是让我的图像（用作按钮）在单击时运行.js函数。

我的background.html

<!DOCTYPE html>
<html>
 <head>
  <script type="text/javascript" src="jquery-2.1.0.js"></script>
  <script type="text/javascript" src="content_info.js"></script>
 </head>
</html>

我的content_script.js中创建图像的部分

function addbutton(position, name) {
    var element = document.createElement("input");
    var imgURL = chrome.extension.getURL("icons/donate.png");
    element.setAttribute("type", "image");
    element.setAttribute("src", imgURL);
    element.setAttribute("class", "addressbuttons");
    element.setAttribute("id", name);
    position.parentNode.insertBefore(element, position.nextSibling);
}

和我的content_info.js

console.log('info loaded');

$(document).ready(function() {
    $(document).live('click', '.addressbuttons', function() {
        alert("test");
    });
});

每当我点击图片时，都没有任何反应。此设置似乎与here一起使用source，所以我不确定为什么它不能用于我的扩展程序。

编辑：我现在也尝试使用.on（）并将所有内容包装在$（window）.load中，没有任何更改。

Answer 1

我在朋友的帮助下弄清楚了。

我的content_info代码需要在content_script.js中，我需要在manafest.json中访问jquery.js web

执行这两项操作后，一切都按预期工作

jquery .click事件无法使用chrome扩展中的图像

1 个答案: