javascript - 准备好在 jquery 文档中绑定时运行的函数

Question

我正在尝试将单击事件绑定到下面的函数，但是当绑定到文档中准备好时，整个函数当前正在运行。

是否可以仅在单击事件上运行它？可能与我的方法的组成方式有关？

提前致谢

    $(function() {
        $("#expand-search").on("click", search.resize());
    });

    var search = {

        element: $('#search_advanced'),

        resize: function() {
            search.element.slideToggle(400, 'swing', search.buttonState());
        },
        buttonState: function() {
            if(search.element.is(':hidden')) {
                console.log('hidden');
            } else {
                console.log('visible');
            }
        }
    };

Answer 1

您正在调用function(handler) 而不是将reference函数 (handler) 的 (name) 传递给on()。

改变

 $("#expand-search").on("click", search.resize());

到

 $("#expand-search").on("click", search.resize);

Answer 2

事件处理程序没有括号！您想传递要执行的函数，而不是执行它的结果。此外，您需要将search对象移动到就绪处理程序中，因为您使用选择器进行初始化。

$(function() {
    var search = {
        element: $('#search_advanced'),
        resize: function() {
            search.element.slideToggle(400, 'swing', search.buttonState);
        },
        buttonState: function() {
            if(search.element.is(':hidden')) {
                console.log('hidden');
            } else {
                console.log('visible');
            }
        }
    };
    $("#expand-search").on("click", search.resize);
});