mit jquery in chrome extension

die Chrome-Erweiterung, die ich baue, bekommt den ausgewählten Text aus der Registerkarte geöffnet, wenn der Benutzer auf die Schaltfläche Auswählen im Popup klickt. Ich versuche, jquery dafür zu verwenden.mit jquery in chrome extension

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

ich die Jquery-Skript in popup.html

<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 aufgenommen haben

$(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; 
    }); 
    }); 
    }); 
});

auf dieses Skript ausführen i den Fehler am Geting :

Uncaught ReferenceError: $ ist nicht definiert

bitte helfen!

Quelle

2013-03-30 flyingmachine

Sie müssen die Reihenfolge der Script-Tag ändern jQuery zu ermöglichen ersten laden:

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

Quelle

2013-03-30 12:12:23 Eli

Sie schlagen mich um 30 Sekunden :) –

Ändern Sie den Auftrag .Sie haben die jquery Kern-Plugin zuerst zu laden und dann dann andere Plugins

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

Quelle

2013-03-30 12:13:18

mit jquery in chrome extension

Antwort

Verwandte Themen