Ich bin gerade dabei, mein Projekt in ein responsives Design umzuwandeln.

Was ist die praktischste und universellste Lösung, die Sie vorschlagen, um unterschiedliche jQuery-Blöcke für jeden Haltepunkt zu implementieren?

Ich möchte wegen der Anzahl der http-Anfragen alle Skripte in einer Datei behalten.

Das habe ich gefunden:

breakpoint.js -> Definiere alle in CSS & JS verdoppelten Breakpointshttp://responsejs.com/ -> Haltepunkte in Body Data-Attr definierenOnMediaQuery -> Definiere lesbare Namen für die Haltepunkte (IMHO besser, weil du nicht an Pixel gebunden bist)

Mein Problem ist, dass sie alle Rückrufe definieren, aber ich weiß nicht, wie ich in diesen Fällen jQuery-Ereignis-Listener binden oder abbrechen soll.

z.B. Ich habe:

$('#selector').click( function() {
    alert('selector clicked');
});

das sollte aber nur bei max-width von 320px passieren. In Bildschirmgrößen darüber sollte der Klick false zurückgeben oder eine andere Aktion ausführen

Im Moment habe ich keine Ahnung, wie ich das erreichen soll.