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);