jQuery在iPad HTML5视频文本覆盖中隐藏问题

jQuery在iPad HTML5视频文本覆盖中隐藏问题,jquery,ipad,html,html5-video,Jquery,Ipad,Html,Html5 Video,下面的代码在每个HTML5平台上都能正常工作。。。除了iPad。 我只想“关闭”一个简单的点击视频上方显示的div视频本身。如果您知道如何解决这个问题,即使没有jQuery,也会有很大帮助。谢谢 $(函数(){ $(“#Xmovie1”).tap(函数(事件){ $(“#Menu1Mov”).hide(); $(“#Home”).fadeIn('slow'); }); }); x 您是否测试了在点击“x”时是否会触发整个事件?我的意思是,这是$(“#Menu1Mov”).hide()中的问题

下面的代码在每个HTML5平台上都能正常工作。。。除了iPad。 我只想“关闭”一个简单的点击视频上方显示的div视频本身。如果您知道如何解决这个问题,即使没有jQuery,也会有很大帮助。谢谢

$(函数(){
$(“#Xmovie1”).tap(函数(事件){
$(“#Menu1Mov”).hide();
$(“#Home”).fadeIn('slow');
});
});

x

您是否测试了在点击“x”时是否会触发整个事件?我的意思是,这是$(“#Menu1Mov”).hide()中的问题,还是XMovie1 div元素的位置错误

如果事件触发,您可以尝试,而不是简写:$(“#Menu1Mov”).css(“display”,“none”),对于#Menu1Movie也可以这样做


如果事件甚至没有触发(不知道为什么会发生这种情况,但这是肯定的),那么您应该尝试为#Xmovie1重新声明CSS,确保它位于顶部,例如使用position:absolute+z-index。

只是为了增加我的体验。 我也有同样的问题,一个有一些标签的div。单击div,标签必须切换。在浏览器上运行良好,但在ipad上标签不会隐藏


我将标签的位置更改为“绝对”,并放置了一个z索引,然后它开始工作。

感谢您的帮助。说得好。事件根本不会触发,但z索引不能解决问题。正如我之前所说,它适用于firefox chrome甚至ie9。它在iPad(iOs 4.3)上不起作用。更新:如果我去掉视频元素中的“控件”属性,它就起作用了。如果这意味着我必须构建自己的控件,那么这是个坏消息。我真的没有时间这么做。在处理iPad时,你不能通过绝对定位来移动视频元素的“x”吗?是的,这可能是一种解决问题的方法,将x移动到视频“帧”之外,然后它就会工作。。。但我不能这么做,因为视频占用了我所有的可用空间。