zepto js - einfaches Umschalten funktioniert nicht

Question

Ich verwende zepto (http://zeptojs.com/) für eine mobile Website (ich bin es gewohnt, jQuery in der Desktop-Umgebung zu verwenden).

Ich habe den folgenden Code (gezwickt leicht, so dass es auf dem Desktop funktioniert)

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

aber der Knebel ist nicht arbeiten. Wenn ich diese Zeile durch einen Standard alert('hello world'); ersetze, wird es abgeholt (also weiß ich, dass die js aufgerufen wird).

Irgendeine Idee, die ich vermisse?

Prost, Ad.

EDIT Ich scheine diesen Fehler zu erhalten: Zeitstempel: 02.04.2012 15.02.35 Fehler: h.body.insertAdjacentElement ist keine Funktion Quelldatei: file:/js/zepto. min.js Zeile: 1

Answer 1

Sie haben es meistens richtig. Sie haben die Reihenfolge der Funktionsargumente vertauscht. Die delegate Funktion ist veraltet, Sie sollten stattdessen stattdessen on verwenden.

diese ersetzen:

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

mit diesem:

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