zepto js - 简单切换无法正常工作

时间:2012-04-02 13:56:41

标签: jquery zepto

我正在使用zepto(http://zeptojs.com/)访问移动网站(我习惯在桌面环境中使用jQuery)。

我有以下代码(略微调整以便在桌面上运行)

(function($) {
    // only do this if not on a touch device
    if (!('ontouchend' in window)) {
        $(document).delegate('.filter h2', 'click', function(e) {
            $('.filter div').toggle();
            e.preventDefault();
        });
    }
})(window.Zepto);

然而,切换不起作用。如果我用标准alert('hello world');替换该行,它就会被拾取(所以我知道正在调用js)。

知道我缺少什么吗?

干杯, 广告。

修改 我似乎得到这个错误: 时间戳:02/04/2012 15:02:35 错误:h.body.insertAdjacentElement不是函数 源文件:file:/js/zepto.min.js 行:1

1 个答案:

答案 0 :(得分:1)

你已经完全正确了。你混淆了函数参数的顺序。不推荐使用delegate功能,因此您也应该使用on

替换它:

$(document).delegate('.filter h2', 'click', function(e) {

用这个:

$(document).on('click', '.filter h2', function(e) {