功能无法按ios5 iPad的正确顺序工作

functions not working in proper order of ios5 iPad

本文关键字:顺序 工作 iPad ios5 功能      更新时间:2023-09-26

我有一组应该在点击上工作的函数,然后还有一些与html5视频事件绑定的函数。当我在Chrome中测试它时,它工作正常,但是当我在ios中尝试时,它不起作用。它会在从屏幕中删除视频之前加载视频。

.JS:

$(document).ready(function () {
    $('#MyT').fadeOut();
    <!--$('#myVid').addClass('move');
    $('li, .thumbs').bind('click', function() {
        $("#bigPic").removeClass('move');
        var numb = $(this).index(),
            videos = ['images/talking1.m4v', 'images/talking2.m4v', 'images/talking1.m4v', 'images/talking2.m4v', 'images/talking1.m4v', 'images/talking2.m4v'],
            myVideo = document.getElementById('myVid');
            myVideo.src = videos[numb];
            myVideo.load();
        setTimeout(function(){
            myVideo.play();
        }, 200);
    });
    $('#myVid').bind("loadeddata", function() {
        $('#bigPic').addClass('move').delay(200);
    });

    $('#myVid').bind("playing", function() {
        ("#myVid").removeClass('move');
    });
    $('#myVid').bind("ended", function () {
        $("#bigPic").removeClass('move');
    });
});
});

.CSS:

#bigPic {
    position:absolute;
 /* margin-left:-8px;   
    margin-top:-16px; */
    height:768px;   
    width:1024px;
    left:1200px;
    oveflow: hidden;    
}
.move {
    -webkit-transform: translateX(-1200px);
}

编辑我发现一开始.bind('click')中的removeClass实际上什么都没做......

jQuery.click(( 在 iOS 上无法正常工作。我怀疑你在 bind(( 上遇到了同样的问题。

你可以使用 jQuery.on(( 或使用其他事件,如 touchstart

我看到这篇文章似乎与您的问题相似