Javascript ios5 iPad的功能顺序不正确
我有一组应该在单击上工作的函数,还有一些绑定到html5视频事件的函数。当我在Chrome上测试它时,它工作得很好,但当我在ios上尝试它时,它就不工作了。它在将视频从屏幕上删除之前加载视频 JS:Javascript ios5 iPad的功能顺序不正确,javascript,jquery,css,translation,Javascript,Jquery,Css,Translation,我有一组应该在单击上工作的函数,还有一些绑定到html5视频事件的函数。当我在Chrome上测试它时,它工作得很好,但当我在ios上尝试它时,它就不工作了。它在将视频从屏幕上删除之前加载视频 JS: $(document).ready(function () { $('#MyT').fadeOut(); <!--$('#myVid').addClass('move'); $('li, .thumbs').bind('click', function() {
$(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');
});
});
});
#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()也有同样的问题
您可以使用或通过使用其他事件,如touchstart
我看到这似乎与您的问题类似您的JavaScript中至少有一个语法错误(第6行缺少括号)。@Blazemonger okaay没有看到这一点。修正了ot,但仍然是nookay,这真的很有帮助。实际上,我最终使用了
touchstart
,但我不知道jQuery.click()函数不起作用。谢谢