0

下面是我的 JS 的片段

如果 PHP 要求，它会加载 JS 函数。但对于我的问题，这并不重要。

几乎在我的示例的底部，您会发现：loadjscssfile("js/functions/"+data.action+".js", "js"); 它的作用是：假设data.action = 'helloworld'它将加载文件：js/functions/helloworld.js 并且它将检查函数helloworld() 问题出在最后一部分，helloworld .js 被加载。但是当我这样做时：$.isFunction('helloworld')它不起作用。

更新：jQuery 函数 AJAX 可以解决问题，下面还有解决方案

//
// LOAD JS OR CSS
//
var fileref;
function loadjscssfile(filename, filetype){
     if (filetype=="js"){ //if filename is a external JavaScript file
      fileref=document.createElement('script');
      fileref.setAttribute("type","text/javascript");
      fileref.setAttribute("src", filename);
     }
     else if (filetype=="css"){ //if filename is an external CSS file
      fileref=document.createElement("link");
      fileref.setAttribute("rel", "stylesheet");
      fileref.setAttribute("type", "text/css");
      fileref.setAttribute("href", filename);
     }
     if (typeof fileref!="undefined"){
        document.getElementsByTagName("head")[0].appendChild(fileref);
     }
}
//
// SET INIT AJAX FUNCTION
//
function init(i){
    $.ajax({
        dataType: "json",
        url: "ajax.php?i="+i
    }).done(function( data ) {
        if(data.menu!='N.U.'){
            $('.menu').html(data.menu);
        }
        if(data.container!='N.U.'){
            $('.container').html(data.container);
        }
        if(data.action!='N.U.'){
            if(data.action_val!='N.U.'){
                var funcCall = data.action + "('" + data.action_var + "');";
            } else {
                var funcCall = data.action + "();";
            }
            if($.isFunction(funcCall)){
                eval(funcCall); 
            } else {
                //
                // function doesnt excist try to load function from dir
                //
                loadjscssfile("js/functions/"+data.action+".js", "js");
                //
                // try again
                //
                if($.isFunction(funcCall)){
                    eval(funcCall); 
                } else {
                    //alert('FATAL ERROR: JS function ('+data.action+') doesnt excist');
                }
            }
        }
    }).fail(function(){
        alert( "error" );   
    });
}

解决方案：

//
// SET INIT AJAX FUNCTION
//
function init(i){
    $.ajax({
        dataType: "json",
        url: "ajax.php?i="+i
    }).done(function( data ) {
        if(data.menu!='N.U.'){
            $('.menu').html(data.menu);
        }
        if(data.container!='N.U.'){
            $('.container').html(data.container);
        }
        if(data.action!='N.U.'){
            if(data.action_val!='N.U.'){
                var funcCall = data.action + "('" + data.action_var + "');";
            } else {
                var funcCall = data.action + "();";
            }

            if (typeof window[data.action] === "function") {
                eval(funcCall);
            } else {
                //
                // function doesnt excist try to load function from dir
                //
                $.ajax({
                  url: "js/functions/"+data.action+".js",
                  dataType: "script"
                }).done(function(){
                    //
                    // try again
                    //
                    if (typeof window[data.action] === "function") {
                        eval(funcCall); 
                    } else {
                        alert('FATAL ERROR: JS function ('+data.action+') doesnt excist');
                    }
                });
            }
        }
    }).fail(function(){
        alert( "error" );   
    });
}
4

1 回答 1

2

当您创建这样的<script>标签时，脚本会异步加载，通常是在您的 Javascript 代码返回到主事件循环之后。loadjscssfile所以脚本定义的函数在加载后不会立即可用。

你应该使用 jQuery 的$.getScript()函数。它需要一个回调函数，一旦加载脚本就会调用该回调函数。

另外，您的支票$.isFunction(funcCall)不正确。funcCall是一个字符串，就像"helloWorld()"，并且一个字符串不是一个函数。如果您想知道该函数是否已加载，则必须执行$.isFunction(window[data.action]). data.action是函数的名称，并window[data.action]获取具有该名称的全局变量的值。

于 2013-09-21T13:58:33.407 回答