javascript - 阻止jquery函数被自动调用

Question

我确信这很简单，但我似乎找不到答案。

我有一个 RoR 应用程序，在我的 application.js 文件中，我想从函数内调用函数。

application.js:

jQuery(function_1($) {

     $("#select_box").change(function() {  ....
     ....
     function_2 ();
return false;
});

jQuery(function_2 () {
   ...
return false;
);

当选择框更改并正常工作时，会触发功能 1。问题是，一旦加载新页面，函数 2 就会被执行。我只想从函数 1 中调用函数 2。

我怎样才能做到这一点？

Answer 1

问题是，当您将代码放入这样的 block 中时:

jQuery(function() {
    $("#select_box").change(function() {
        function_2();
        return false;
    });
});

代码会自动执行。这相当于

$(function() {
});

或

$(document).ready(function() {
});

这应该会让您了解为什么在页面加载时调用 function_2。要解决这个问题，只需定义如下函数:

jQuery(function() {
    var function_2 = function() {
        return false;
    };

    $("#select_box").change(function() {
        function_2();
        return false;
    });
});

请参阅 jQuery 文档:http://learn.jquery.com/using-jquery-core/document-ready/