javascript - jQuery 中的单击事件调用两次或多次

Question

我是 Javascript 新手，制作了这样的函数结构:

var project = ... ; // it's dynamic

// first function
$('body').on('click', '.projectmonitoring', function () {
    SetMonitoring(project);
});

// second function
function SetMonitoring(project) {
    var tasks = ... ; // this variable produced inside Ajax

    // third function
    $('#save').click(function () {
        // do something using project and tasks variable
    });
}

每当我调用第一个函数时，SetMonitoring 函数当然会被触发。我多次调用第一个函数(单击两次或更多次)。当我调用第三个函数时，会发生第三个函数的执行量与我调用第一个函数的量一样多。

也许我的结构是错误的。我希望已经得到很好的解释。提前致谢。

Answer 1

创建一个全局变量，在第二个函数中设置它，然后在第三个函数中使用它。

var value_of_project;

// first function
$('body').on('click', '.projectmonitoring', function () {
    SetMonitoring(project);
});

// second function
function SetMonitoring(project) {
    //set value of project here
    value_of_project = "some value";
}

// third function
$('#save').click(function () {
    //do something using value_of_project 
});