javascript - Zepto 中的事件

Question

我是 Zepto 的新手，我正在尝试做一些非常简单的事情，但似乎我无法尝试任何方式。我正在尝试将函数绑定(bind)到 Zepto 中的点击事件，但即使事件未触发，该函数也会执行 ...

这是我的js文件的内容:

$(document).ready(function() {

    if (!$('.page').hasClass('.current')) {
        $('#home').addClass('current');
        $('.page .content').css('display', 'none');
    $('#home .content').css('display', 'block');
}

$('#menu-trigger').on('click', switchPage('search', 'fade'));

function switchPage(pageID,switchType) {
    oldPageID = '#' + $('.page.current').attr('id');
    newPageID = '#' + pageID;
    if(switchType =='fade') { // Fade Effect
        // $(oldPageID).hide();
        alert('done');
    }
}
});

问题是函数在我重新加载 html 时立即执行，不等待“点击”事件。

Answer 1

区别在于指定哪个对象将用作回调、让函数实际执行和指定返回值作为回调之间的区别。

您的代码应为:

$('#menu-trigger').on('click', switchPage);
function switchPage(pageID,switchType) {
    oldPageID = '#' + $('.page.current').attr('id');
    newPageID = '#' + pageID;
    if(switchType =='fade') { // Fade Effect
        // $(oldPageID).hide();
        alert('done');
    }
}