HTML and CSS Reference
In-Depth Information
Bild 1.32:
Checkboxen und Radiobuttons
funktionieren auch im Querformat.
1.4.6
jQTouch-Fehler für Radiobuttons
Auch die besten Frameworks und Bibliotheken sind nicht frei von Fehlern. So auch
jQTouch nicht, zumindest zu dem Zeitpunkt, da wir dieses Buch im Sommer 2010
geschrieben haben. Wenn Sie den oben stehenden Code für die Radiobuttons verwendet
haben, haben Sie alles richtig gemacht, und trotzdem werden die Radiobuttons nicht wie
gewünscht auf einem Gerät funktionieren. Sie arbeiten im Desktop-Webbrowser, aber
nicht auf dem iPhone oder einem iPod touch.
Glücklicherweise können Sie den jQTouch-Fehler im Handumdrehen selbst beheben.
Rufen Sie die jQTouch-JavaScript-Datei
jqtouch.js
aus dem Verzeichnis
jqtouch
in Ihrem
Texteditor auf. Dort wird in Zeile 159 die JavaScript-Funktion
body.click
definiert:
$body.click(function(e){
var $el $(e.target);
if ($el.attr('target') ' blank' || $el.attr('rel') 'external' ||
$el.is('input[type "checkbox"]'))
{
return true;
} else {
return false;
}
});
Tauschen Sie die Zeile mit der
if
-Bedingung durch die folgenden Zeilen aus:
if ($el.attr('target') ' blank' || $el.attr('rel') 'external' ||
$el.is('input[type "checkbox"]') || $el.is('input[type "radio"]'))
Speichern Sie anschließend die Datei wieder auf dem Server ab, und das Problem ist
behoben.
1.4.7
Dynamische Inhalte
Nun würden wir eine ziemlich langweilige Anwendung programmieren, die nur auf sta-
tische Daten innerhalb der einen HTML-Datei zugreifen könnte. jQTouch kann durch
