我有一组应该在点击上工作的函数,然后还有一些与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
我看到这篇文章似乎与您的问题相似