javascript - 在 jquery 文档中绑定(bind)准备就绪时正在运行的函数

Question

我正在尝试将点击事件绑定(bind)到下面的函数，但是当在文档中绑定(bind)时整个函数当前正在运行。

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

提前致谢

    $(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

您正在调用函数(处理程序)而不是将函数(处理程序)的引用(名称)传递给on() .

改变

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

给

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