2013-03-30 13 views
6

クロム拡張子私はビルド中です。ユーザーがポップアップで選択ボタンをクリックすると、タブから選択したテキストが開きます。これにjqueryを使用しようとしています。私は、私は、エラーをgetingています。このスクリプトを実行するにpopup.htmlでjqueryのスクリプト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; 
    }); 
    }); 
    }); 
}); 

が含まれている

{ 
    "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" 
    } 
} 

manifest.jsonを:

未知のReferenceError:$は定義されていません

助けてください!

答えて

13

あなたはjQueryのは、最初にロードできるようにするスクリプトタグの順序を変更する必要があります。

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

あなたは30秒で私を倒す:) –

6

変更。あなたが最初にjqueryのコアプラグインをロードする必要があり、その後、他のプラグイン

<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="popup.js"></script> 
関連する問題