Ich erstelle eine responsive Website für Desktop und Mobile. Ich habe ein Problem mit einem Hover-and-Click-Ereignis, bei dem ich nicht sicher bin, wie ich es für Benutzer auf mobilen Geräten lösen soll.
Auf der Website habe ich eine Box (div), die in einen Link eingebunden ist. Wenn sich ein Benutzer auf dem Desktop befindet, wird eine andere farbige Box mit Textinhalt über die erste Box gezogen. Wenn ein Benutzer auf das Feld klickt, führt der Link sie zur angegebenen Seite. Ich benutze jQuery dafür.
Wenn auf einem mobilen Gerät ein Benutzer auf die Box tippt, wird die zweite Box nach unten geschoben. Aber es braucht einen zweiten Tipp, um dem Link zu folgen. Die Firma, für die ich dies erstelle, hat darum gebeten, dass auf mobilen Geräten, wenn der Benutzer auf eine Box tippt, die zweite Box nach unten rutscht und sie nach einer Verzögerung von 2 Sekunden automatisch an eine bestimmte Seite sendet. Auf diese Weise muss ein Benutzer nur einmal tippen.
Ich bin mir nicht sicher, wie ich das machen soll. Ich habe über die Verwendung von jQuery mobile nachgedacht, aber ich finde keine Möglichkeit, die erste Berührung (welche mobilen Geräte wie ein Hover-Ereignis behandeln) zu umgehen und stattdessen den Link zu aktivieren.
Danke
Ich stimme @ DZittersteyn zu, dass dies ein schlechtes Design ist. Sie können den Inhalt in Mobilgeräten standardmäßig besser anzeigen, sodass der Klickende weiß, worauf er geklickt hat.
%Vor%oder Sie können
verwenden %Vor%Tags und Links jquery ipad mobile responsive-design