0

私はこれをすべて私が望む方法で設定しましたが、ipadを使用しているときは、リンクを2回タッチしてアクティブにする必要があります。

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();
    });
});

iPadで1回だけクリックするようにするにはどうすればよいですか？

4

2 に答える 2

1

mouseoveriPadにはまたはmouseleaveイベントはありません。イベントに加えてtouchstartand touchend（または単に）を使用してみてください（また、それが非推奨になっていることを知ってください）：touchmouse.live.on

jQuery('.normal-model').on('mouseover touch', function () {

// ...

jQuery('.normal-model').on('mouseleave touch', function () {
于 2013-03-11T15:38:33.963 に答える
1

マウスオーバーイベントを要素にバインドしています。タッチデバイスには定期的なホバーイベントがないため、要素をタップしたときにホバーイベントとして扱われるようにすることで、これを解決します。2回目のタップ（ダブルクリック）により、通常のクリックイベントがアクティブになります。

Tldr; iPadで優れたエクスペリエンスを提供したい場合は、この種のナビゲーションにホバーイベントを使用しないでください。バインディングをクリックイベントに変更するだけです。

于 2013-03-11T15:38:58.577 に答える