Question

以下是我的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" );   
    });
}

Answer 1

当您创建这样的<script>标记时，脚本将异步加载，通常后，您的Javascript代码将返回主事件循环。因此，加载loadjscssfile后，脚本定义的功能将无法立即使用。

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

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

jQuery在以后添加时无法识别功能

1 个答案: