Nasıl Firefox Uzantısı jQuery kullanmak

SORU

29 Ocak 2009, PERŞEMBE

Nasıl Firefox Uzantısı jQuery kullanmak

Firefox uzantısı içinde jQuery kullanmak istiyorum Bu gibi xul dosyası kütüphaneye içe:

<script type="application/x-javascript" src="chrome://myExtension/content/jquery.js"> </script>

() $ fonksiyonu ne jQuery ne xul dosyası olarak tanınmıyor().

Sorunu araştırdım ve bir çözüm buldum ama kimse bana iş vermedi: http://gluei.com/blog/view/using-jquery-inside-your-firefox-extension http://forums.mozillazine.org/viewtopic.php?f=19&t=989465

Ayrıca 'İçerik.geçirmeye çalıştım''bir WordPress kullanmak için bağlam parametre olarak belge' nesne) gibi işlev: . refrences olan(nesne belge

$('img',content.document);

ama hala çalışmıyor, herhangi bir sorun karşısında daha önce geldi mi?

CEVAP

30 Ocak 2009, Cuma

Aşağıdaki example.xul kullanın:

<?xml version="1.0"?>
<overlay id="example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<head></head>
<script type="application/x-javascript" src="jquery.js"></script>
<script type="application/x-javascript" src="example.js"></script>
</overlay>

Ve burada example.js

(function() {
    jQuery.noConflict();
    $ = function(selector,context) { 
        return new jQuery.fn.init(selector,context||example.doc); 
    };
    $.fn = $.prototype = jQuery.fn;

    example = new function(){};
    example.log = function() { 
        Firebug.Console.logFormatted(arguments,null,"log"); 
    };
    example.run = function(doc,aEvent) {
        // Check for website
        if (!doc.location.href.match(/^http:\/\/(.*\.)?stackoverflow\.com(\/.*)?$/i))  
            return;

        // Check if already loaded
        if (doc.getElementById("plugin-example")) return;

        // Setup
        this.win = aEvent.target.defaultView.wrappedJSObject;
        this.doc = doc;

        // Hello World
        this.main = main = $('<div id="plugin-example">').appendTo(doc.body).html('Example Loaded!');
        main.css({ 
            background:'#FFF',color:'#000',position:'absolute',top:0,left:0,padding:8
        });
        main.html(main.html()   ' - jQuery <b>'   $.fn.jquery   '</b>');
    };

    // Bind Plugin
    var delay = function(aEvent) { 
        var doc = aEvent.originalTarget; setTimeout(function() { 
            example.run(doc,aEvent); 
        }, 1); 
     };
    var load = function() { 
        gBrowser.addEventListener("DOMContentLoaded", delay, true); 
    };
    window.addEventListener("pageshow", load, false);

})();

Bunu Paylaş: