2013-03-30 2 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

변경 우선은 먼저 다음 다른 플러그인

<script type="text/javascript" src="jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="popup.js"></script> 
를 JQuery와 코어 플러그인을로드 할 순서
관련 문제