函数参数未在点击事件中更新

Question

问：点击事件中的功能参数未更新

**Event.js**

// main click event to call
$(document).on('click', '.start', function(){
    root.ajax({
        url: 'location'
    }, function( response ){
        root.update( response );
    })
});

**Content.js**

var flag = false;
root.update = function( response ){ 
    if(!flag){
        // event assignment for new created button
        $(document).on('click', '.innerStart', function(){
            // first time prints okay but after printing old value always
            // response is not getting updated
            console.log( response );
        });
        flag = true;
    }
}

Answer 1

基本上， response变量是第一次传递的。 您设置单击事件处理程序，该事件处理程序将记录响应，并且您再也不会设置单击处理程序。

该响应变量永远不会更改-始终使用在原始点击处理程序中设置的响应变量，因为这是您传入的值。相反，您可以尝试将其设置为变量，例如：

**Event.js**
var response;
// main click event to call
$(document).on('click', '.start', function(){
    root.ajax({
        url: 'location'
    }, function( responseValue ){

        root.update( responseValue );
    })
});

**Content.js**

var flag = false;
root.update = function( responseValue ){    
    response = responseValue;
    if(!flag){
        // event assignment for new created button
        $(document).on('click', '.innerStart', function(){
            // first time prints okay but after printing old value always
            // response is not getting updated
            console.log( response );
        });
        flag = true;
    }
}

Answer 2

看起来flag变量设置为true，这使更新运行一次。