Javascript Chrome扩展：如何正确地将脚本添加到popup.html并使用localStorage_Javascript_Jquery_Google Chrome Extension_Trello

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

javascript jquery google-chrome-extension

Javascript Chrome扩展：如何正确地将脚本添加到popup.html并使用localStorage,javascript,jquery,google-chrome-extension,trello,Javascript,Jquery,Google Chrome Extension,Trello,我是Javascript新手，我现在正在进行Chrome扩展。此扩展必须为用户提供从Vtiger CRM页面创建Trello Board内容（董事会名称、成员等）的能力步骤：在Chrome扩展中使用Trello登录（完成）解析Vtiger CRM页面中的内容创建卡片现在我可以从settings.html页面创建Trello卡（无需解析CRM页面）但是当我试图将“创建卡片”链接添加到popup.html，将popup.js包含到popup.html（包含处理点击链接的脚本），然后我点

我是Javascript新手，我现在正在进行Chrome扩展。此扩展必须为用户提供从Vtiger CRM页面创建Trello Board内容（董事会名称、成员等）的能力

步骤：

在Chrome扩展中使用Trello登录（完成）

解析Vtiger CRM页面中的内容

创建卡片

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

但是当我试图将“创建卡片”链接添加到popup.html，将popup.js包含到popup.html（包含处理点击链接的脚本），然后我点击这个链接-什么都没有发生

这是我对这个项目的第一个PR：（包含通过Trello的oauth授权和从设置页面创建卡的能力）

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.html中的“创建卡片”链接时什么都没有发生

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

有人能解释一下我需要哪些步骤来重现这个功能吗

对不起我的英语。

提前谢谢你

看起来您忘记在popup.html中包含jQuery了。您可以包括jQuery，也可以将popup.js更改为vanilla js。

对不起，我已经尝试添加settings.html（包括jQuery）中包含的所有脚本，但这对我没有帮助。现在添加了Jquery。问题还在这里。@wOxxOm谢谢！你是对的。

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

$(document).ready(popup);