Wie Einbetten zusätzliche jQuery Plugins in Greasemonkey

Question

Also ich habe in der Lage Greasemonkey und jQuery 1.2.6 zu erhalten, ohne Problem arbeiten zusammen, aber jetzt frage ich mich, wie Sie zusätzliche jQuery-Plugins in mein Greasemonkey-Skript einzubetten, wie Eric Martin SimpleModal Plugin ( http://www.ericmmartin.com/projects/simplemodal/ ).

Der folgende Code wird jQuery geladen, aber ich bin nicht sicher, wie SimpleModal zu bekommen geladen richtig:

    var GM_JQ = document.createElement('script');
    GM_JQ.src = 'http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js';
    GM_JQ.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(GM_JQ);

    var GM_JQ_SM = document.createElement('script');
    GM_JQ_SM.src = 'http://simplemodal.googlecode.com/files/jquery.simplemodal-1.2.2.min.js';
    GM_JQ_SM.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(GM_JQ_SM);

    // Check if jQuery's loaded
    function GM_wait() {
        if(typeof unsafeWindow.jQuery == 'undefined') { 
            window.setTimeout(GM_wait,100); 
        }
        else { 
            $ = unsafeWindow.jQuery; 
        }

    }
    GM_wait();

Wer irgendwelche Ideen? Danke.

Answer 1

Erstens, wenn Sie OK mit nicht mit Firebug Debuggen der einfachste Weg, um Zugang jquery enthalten ist die benötigen Einstellungen zu verwenden:

// @require        http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js
// @require        http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js 

Im Anschluss an diese Zeile Sie andere externe Skripte enthalten. Die meisten der jQuery-Plugins sind wie die jquery api nicht verfügbar, aber Sie können es selbst hosten.

Mit der benötigen können Sie auch alle Lade Code-Dump und einfach zu gehen mit:

$(document).ready( function() { ... });

Firebug werden Fehler melden, aber Sie werden Schritt der Lage sein, in den Debugger nicht.

Darüber hinaus, wenn Sie Jquery geladen haben Sie andere Gegenstände geladen werden können wie folgt:

$('head').append("<link href='http://www.somewebsite.com/styles.css' type='text/css' rel='stylesheet'>"); 

Answer 2

Kasse auch die GreaseMonkeyWiki Seiten auf mit JQuery in einem Greasemonkey-Skript und auf dem @ erfordern Block.