0

我已经按照我想要的方式进行了所有设置，只是发现当我使用 ipad 时，我必须触摸链接两次才能激活它。

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 上只被点击一次？

4

2 回答 2

1

iPad 没有mouseover或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

您正在将鼠标悬停事件绑定到元素。由于触摸设备没有常规的悬停事件，因此它们通过确保在您点击某个元素时将其视为悬停事件来解决此问题。第二次点击（双击）激活正常的点击事件。

特长; 如果您想在 iPad 上提供良好的体验，请不要将悬停事件用于此类导航。只需将绑定更改为单击事件。

于 2013-03-11T15:38:58.577 回答