Question

我是Java语言的新手，我正在使用Chrome扩展程序。此扩展名必须使用户能够创建Trello理事会，并从Vtiger CRM页面中获取内容（理事会名称，成员等）。

步骤：

在Chrome扩展程序中使用Trello登录（完成）
从Vtiger CRM页面解析内容
创建卡

现在，我可以从settings.html页面创建Trello卡（无需解析CRM页面）。

但是当我尝试将链接“ Create Card”添加到popup.html时，将popup.js包含到popup.html中（包含用于处理单击链接的脚本），然后单击该链接-没有任何反应。

这是我对此项目的第一个PR：https://github.com/AnatolySt/chrome-roonyx/pull/1/files（包含通过Trello的oauth授权以及可以从“设置”页面创建Card的功能。）

popup.html

<html>
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" typ="text/css" href="css/style.css"/>
    <script src="scripts/jquery-2.1.1.js"></script>
    <script src="popup.js"></script>
</head>
<body>
    <div class="native">
        <h1>Chrome Roonyx</h1>
        <a id="trello_create_card" href="#">Create Card</a>
        <a id="sign-in-trello" href="/settings/index.html" target="_blank">Settings</a>
    </div>
</body>

popup.js（用于测试的简单示例，popup.js包含在manifest.json中）

function popup() {
    $("#trello_create_card").click(function () {
        console.log('You have clicked the link!');
    });
}

$(document).ready(popup);

为什么当我单击popup.html中的“创建卡”链接时没有任何反应？

首先，我想使popup.js成功运行。然后，我想将功能从settings.js移到popup.js，以便从popup.html成功创建卡。

有人可以向我解释重现此功能需要哪些步骤？

对不起，我的英语。预先谢谢你！

Answer 1

好像您忘了在popup.html上包含jQuery。您可以包含jQuery，也可以将popup.js更改为Vanilla JS。

Chrome扩展程序：如何正确将脚本添加到popup.html并使用localStorage

1 个答案: