Ich habe dies alles so eingerichtet, wie ich es nur möchte, um herauszufinden, dass ich, wenn ich ein ipad verwende, den Link zweimal berühren muss, um ihn zu aktivieren.
jQuery(document).ready(function () {
jQuery(".normal-model").live("mouseover", function () {
jQuery(this).find(".desc-box").fadeIn("slow");
var videoid = jQuery(this).find(".model-video a").attr("id");
var viddestin = jQuery(this).find(".model-video");
var postoi = jQuery(this).find(".model-video iframe");
if (postoi.length == 0) {
if (videoid != "" || videoid != " ") {
var genifr = "<iframe src="http://www.youtube.com/embed/" + videoid + "?autoplay=1" frameborder="0" width="230" height="150"></iframe>";
}
jQuery(genifr).appendTo(viddestin);
}
});
jQuery(".normal-model").live("mouseleave", function () {
jQuery(this).find(".desc-box").fadeOut("slow");
jQuery(this).find(".model-video iframe").remove();
});
});
Wie bekomme ich nur einmal auf dem iPad geklickt?
Antworten:
1 für die Antwort № 1iPads haben keine mouseover
oder mouseleave
Veranstaltung. Versuchen Sie es mit touchstart
und touchend
(oder nur touch
) zusätzlich zu Ihrem mouse
Ereignisse (und wissen das auch .live
ist veraltet zugunsten von .on
):
jQuery(".normal-model").on("mouseover touch", function () {
// ...
jQuery(".normal-model").on("mouseleave touch", function () {
1 für die Antwort № 2
Sie binden ein Mouseover-Ereignis an das Element. Da Touch-Geräte keine regelmäßigen Hover-Events haben, lösen sie dies, indem sie sicherstellen, dass ein Tippen auf ein Element beim Tippen als Hover-Ereignis behandelt wird. Das zweite Antippen (Doppelklick) aktiviert das normale Klick-Ereignis.
Tldr; Verwenden Sie keine Hover-Events für diese Art von Navigation, wenn Sie auf Ihrem iPad eine gute Erfahrung bieten möchten. Ändern Sie einfach die Bindung in ein Klick-Event.