javascript - 链接动态加载的 javascript

Question

我有一个静态页面，我正在尝试向其中添加 jQuery 和 BlockUI 插件。在我可以使用 BlockUI 之前，需要先加载 jQuery，虽然我可以很好地加载 jQuery，但我似乎无法让 BlockUI 在之后加载并调用其加载的处理程序，以便我可以完成这项工作。我确实在我的 html 页面中看到了 BlockUI 脚本标签，所以据我所知，它至少被注入(inject)了。这是我的代码:

var jqueryScript = document.createElement( "script" );
jqueryScript.src = "/glptools/scripts/jquery-1.9.1.min.js";
if ( jqueryScript.addEventListener ) {
    jqueryScript.addEventListener( "load", jqueryReady, false );
}
else if ( jqueryScript.readyState ) {
    jqueryScript.onreadystatechange = jqueryReady;
}
document.getElementsByTagName( 'head' )[0].appendChild( jqueryScript );

function jqueryReady() {
    if ( typeof jQuery != 'undefined' ) {
        $( document ).ready( function () {
            //Initialize Tabber
            tabberAutomatic( "" );

            // Add BlockUI plugin
            var blockUIScript = document.createElement( "script" );
            blockUIScript.src = "/glptools/scripts/blockui/jquery.blockUI.js";
            if ( blockUIScript.addEventListener ) {
                blockUIScript.addEventListener( "load", blockUIReady, false );
            }
            else if ( blockUIScript.readyState ) {
                blockUIScript.onreadystatechange = blockUIReady;
            }
            document.getElementsByTagName( 'head' )[0].appendChild( blockUIScript );
        } );
    }
}

function blockUIReady() {
    $( "#tabbertabhide" ).each( function ( index, elem ) {
        $( elem ).block();
    } );
}

我的目标是使用 BlockUI 阻止位于我页面上的选项卡。我尝试将 block ui 加载代码放在 read() 调用之外，但随后在加载 jQuery 之前调用加载的处理程序。

Answer 1

您应该考虑使用脚本加载器，例如 http://requirejs.org/或http://headjs.com/它可以为您解决依赖树并使代码更清晰。