在Chrome扩展中使用jquery

我正在构建的chrome扩展从用户点击popup中的选择按钮时打开的选项卡中打开选定的文本。我正在尝试为此使用jquery。在Chrome扩展中使用jquery

的manifest.json

{ 
    "manifest_version": 2, 

    "name": "cap", 
    "description": "BLAH", 
    "version": "1.0", 

    "permissions": [ "tabs", 
    "https://*/*","http://*/*" 
    ], 
    "content_scripts": [ 
    { 
    "matches": ["http://*/*","https://*/*"], 
    "js": ["selection.js"], 
    "run_at": "document_start", 
    "all_frames": true 
    } 
], 
    "browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "popup_main.html" 
    } 
}

我已经包含在popup.html的jQuery脚本

<html><head> 
<meta charset="utf-8"> 
<title>popup</title> 
<link rel="stylesheet" href="/popup.css"> 
<script type="text/javascript" src="popup.js"></script> 
<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<!-- <script type="text/javascript" src="js/tag-it.js"></script> --> 
</head> 
<body> 

</body></html>

popup.js

$(document).ready(function(){ 
    $("p").click(function(){ 
     chrome.tabs.getSelected(null, function(tab) { 
    chrome.tabs.sendRequest(tab.id, {method: "getSelection"}, function (response) { 
     var text = document.getElementById('text'); 
     text.innerHTML = response.data; 
    }); 
    }); 
    }); 
});

上执行这个脚本我正在歌厅错误：

Uncaught ReferenceError：$未定义

请大家帮忙！

来源

2013-03-30 flyingmachine

你需要改变你的脚本标签的为了让jQuery来第一次加载：

<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="popup.js"></script>

来源

2013-03-30 12:12:23 Eli

你打我30秒:) –

变化。你必须先加载的jQuery插件核心然后其他的插件

<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="popup.js"></script>

顺序

来源

2013-03-30 12:13:18

在Chrome扩展中使用jquery

回答

相关问题