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

原文地址：https://www.jb51.cc/jquery/427737.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。