如何在 jquery 中调用 $(function)

Question

我有以下功能：

$(function(){
    performance();
    function performance(){
       pHandler = setTimeout(performance,3000)
        perOb = [];
        alert('hhhh')
        $(".performance").each(function(i){            
            perOb[i] = $(this);
            url = '/cavity/performance/'+perOb[i].attr('data-id')+'/'+jobId;
            //perOb[i].html('%');
            $.ajax({
                type: "GET",
                //dataType: "json",
                url: url,
                success: function(data){
                    perOb[i].html(data.performance+"%");
                },
                error: function(xhr, status, response){
                    console.log(xhr.responseText);

                },

            });
        });
    }

});

我正在尝试从另一个事件中调用它，如下所示：

$('#in-between').change(function(){
        if ($(this).prop('checked')){
            window.clearTimeout(pHandler);
            alert('yesr')            
        }
        else{
            alert('noo')
            performance();
        }

    })

我收到了错误performance is not a function。我试过$.performance()，jQuery.performance()，也试过把它赋值给一个变量，比如：

perf = $(function(){
    performance();
    function performance(){
       pHandler = setTimeout(performance,3000)
     .......

并将其称为perf.performance()，但所有尝试都没有成功从事件中调用它。

这个问题不同于 JavaScript error: "is not a function" 对于以下内容：

它是 Jquery 的意思，所以有人可能会错误地认为 多个 document.ready(function()) 作为 Jquery 的一个范围

Answer 1

您只在其父函数的范围内定义了该函数，这是一个在页面加载时执行的匿名函数：

$(function () { // the anonymous function
    function performance() {
        // your function
    }
});

如果您希望它存在于该范围之外，则必须在该范围之外定义它。例如：

// define the function
function performance() {
    // your function
}

// execute it when the document loads
$(performance);

这将在更高的范围内定义您的功能。这很可能在全球范围内。如果不希望这样做，那么您可以将需要 performance 的整个上下文包装在一个更大的函数中并自行调用该函数。