2012-04-14 6 views
0

Ich habe ein Problem mit benutzerdefinierten Schaltflächen in Jquery Mobile.jquery mobile Reverse-Stil auf Maus

<li><a href="about.php">Button</a></li> 

Ich möchte den Hintergrund des Listenelements ändern, wenn die Verknüpfungstaste gedrückt wird, und sie dann zurück ändern, wenn sie freigegeben wird.

Ich habe verschiedene Stücke versucht, aber ich diese Themen erhalten:

  • mit vmouseup und vmousedown CSS-Werke zu ändern, aber wenn ich über sie verschiebe mit dem Finger sie registrieren, um die Veranstaltung, obwohl ich nicht klickte auf den Link

  • das Problem hält mit Hahn beim Scrollen über, aber es ändert sich nur die CSS für den Down-Zustand, dann die nächste Seite geladen wird, wenn ich auf der ersten Seite zurück, um den nach unten stile aktiven Zustand Stil

    ist

Ich hoffe, dass das Sinn macht, die Dokumente sind nur eine Unschärfe für mich jetzt.

  • Grundsätzlich brauche ich einen Anker, um Stil, wenn ich es berühren, dann den Stil umkehren, wenn ich es aufhören zu berühren.

  • Dies muss geschehen, bevor die nächste Seite geladen wird.

  • Wenn meine Finger den Bildschirm und gleitet über den Anker Scrollen ich es als Note registrieren don nicht wollen, und ändern Sie den Stil

Es scheint, wie es einfach sein sollte ich nicht, aber tun was auch immer los ist.

Jede Hilfe würde sehr geschätzt werden.

danken Ihnen

UPDATE:

hey endlich eine Kombination arbeiten, nicht sicher, ob ich diese letzte Nacht versucht und war einfach zu müde, um zu registrieren oder Wetter war ich nur zu müde, um es zu verpassen aber ich habe es funktioniert mit Klick um Stil zu ändern, tippen Sie dann, um zurück zu ändern.

$(function() { 
$('.profile-list li a').on('click', function() { 
// change .css() 
    }); 

$('.profile-list li a').on('tap', function(){ 
// change back 
}); 
}); 
+0

Welches Gerät verwenden Sie? Alle Geräte, die ich kenne, interpretieren das Berühren als einen "Klick" und das Bewegen des Finders als Ziehen der Seite ... – KillerX

+0

mit iOS habe ich Klick verwendet, wenn ich klicke, ändert sich der Stil, aber dann wird ohne Änderung zurückgeleitet. – thom

Antwort

0
$(function() { 
$('.profile-list li a').on('click', function() { 
// change .css() 
}); 

$('.profile-list li a').on('tap', function(){ 
// change back 
}); 
});