javascript – 如何将其他jQuery插件嵌入到Greasemonkey中

前端之家收集整理的这篇文章主要介绍了javascript – 如何将其他jQuery插件嵌入到Greasemonkey中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

所以我已经能够让Greasemonkey和jQuery 1.2.6一起工作而没有问题,但是,现在我想知道如何在我的Greasemonkey脚本中嵌入额外的jQuery插件,例如Eric Martin的SimpleModal插件(http://www.ericmmartin.com/projects/simplemodal/).

下面的代码加载了jQuery,但我不确定如何正确加载SimpleModal:

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

有人有主意吗?谢谢.

最佳答案
首先,如果您没有Firebug调试访问权限,则包含jquery的最简单方法是使用require设置:

// @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 

在该行之后,您可以包含其他外部脚本.大多数jquery插件都不像jquery api那样可用,但你可以自己托管它.

使用require还允许您转储所有加载代码,并简单地使用:

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

Firebug将报告错误,但您将无法进入调试器.

此外,一旦你加载了jquery,你可以加载其他项目,如下所示:

$('head').append("

猜你在找的jQuery相关文章