草庐IT

javascript - iPad、iPhone 模态对话框滚动问题

我们网站上的各个页面都会打开JQuery“模态对话框”框。这些在每个网络浏览器中都能正常工作。但是在iPad或iPhone上查看时会出现问题,我认为这是一个常见问题。在某些页面上,模态对话框对于iPad屏幕来说太大,因此我需要滚动模态框。但是,当我执行此操作时,此对话框不会移动,但背景(即它后面的主屏幕)会滚动。我想在模式打开时禁止背景滚动,但允许模式对话框滚动。我已经尝试在'overflow:hidden'下使用'position:fixed'解决了其他人的问题,不幸的是,对我来说,问题仍然存在。有没有人有任何其他想法/事情我可以尝试?下面是在模式对话框中打开的页面之一的代码示例。谢

javascript - 解决 iPad 上 Mobile Safari 中第 0 个 <select> 选项错误的解决方法?

在iPad上的MobileSafari中,似乎如果没有在上选择选项元素,那么用户在选择另一个选项之前不能选择第0个选项(在iPad上尝试http://jsfiddle.net/PJTKq/)。更具体地说:创建具有两个或更多选项的元素。通过以编程方式设置selectedIndex=-1来清除它或删除"selected"来自所有的属性元素。点击选择元素并选择第0个选项。所选索引不会更改。点击选择元素并选择另一个选项,然后再次点击它并选择第0个选项。所选索引应更改两次。有谁知道允许直接从selectedIndex移动的解决方法(除了插入一个空的虚拟选项)-1至selectedIndex0?

jquery - HTML5 视频全屏不适用于 iPad

我有一个html5视频流。我使用自定义控件,并使用jQuery将操作绑定(bind)到它们。这些控件之一是全屏按钮,它调用video.webkitEnterFullScreen()。当我在Safari全屏中测试它时,它工作正常。当我在iPad上尝试时,它失败了。给了什么?这是我在html中声明我的视频的方式:这是我的全屏按钮的声明:下面是我如何将按钮绑定(bind)到操作:varvideo=$('video')[0];$('body').find('.fullscreen').click(function(){video.webkitEnterFullscreen();});$('bo

JavaScript 音频对象 addEventListener canplaythrough 不适用于 IPAD Chrome

我在JavaScript中有两个函数。它在Windows7Chrome上运行良好,但loadedAudio_chrome功能未在IPAD上触发。functionpreloadAudio_chrome(url){try{varaudio=newAudio();audio.addEventListener('canplaythrough',loadedAudio_chrome,false);//audio.src=filePath;}catch(e){alert(e.message);}}functionloadedAudio_chrome(){//alert('notfiringthis

iphone - 使用 UIWebview for iPad 的离线应用程序

我正在尝试构建一个具有一个UIWebview的iPad应用程序。内容在asp.net中。现在的主要要求之一是我的应用程序应该支持离线模式。首先,我尝试查看Html5缓存list,但根据此SOAnswer它不适用于UIWebview然后我尝试搜索UIWebview可用的缓存机制,我发现了很多关于SO(This、This、This、This)的问题,但在这种情况下没有得出结论或可能是旧的。我的基本要求是用户浏览的任何页面都应获得缓存(html、css、js.images),并且下次用户访问同一页面时应从缓存中获取它。所以我的问题是1)如何使用Html5缓存list或UIWebview缓存实

javascript - Sencha Touch 2 + PhoneGap + iPad : Video with base64 encoded data: "The Operation could not be completed"

我的应用程序(封装在PhoneGap中)同时运行在线和离线模式。我将以base64编码的图像和视频存储在本地存储中。当我在浏览器上调试它时,它运行得很好,但在iPad上,它在javascriptpromt中大喊“操作无法完成”。我试过使用纯html标签和真正的Ext.Video放置视频。我在这里遗漏了什么?谢谢newhtml+="";更新:在iPad和Android3.0native浏览器中测试,结果是相同的“Theoperation...”。使用和不使用自动播放和Controller进行测试(在视频/源标签中)。 最佳答案 Pho

javascript - iPad 上 Chrome 的全屏 API?

我正在创建一个小部件,我想在单击按钮后进入全屏模式。我已经实现了全屏API,它在所有浏览器上都非常有效。但是,我正在创建此小部件以仅在iPad上用作交互式信息亭。我可以自由使用任何效果最好的浏览器,但我无法在我的iPad上使用全屏功能。尝试了多种不同的选择,但还不够……我有以下适用于普通桌面浏览器的代码:varelement=document.getElementById('element');varfullscreenButton=document.getElementById('fullscreenButton');fullscreenButton.addEventListener

javascript - 防止在 iPad Safari 中的网页之间滑动

从我iPad的Safari浏览器的左右边缘滑动,在当前打开的网页之间移动。有什么办法可以预防吗?我尝试在stopPropagation和preventDefault的页面边缘添加touchstart和touchmove处理程序,但它们似乎没有效果,touch-actionCSS也没有效果。类似的问题在2014年被问及是否定的答复:iOS7-isthereawaytodisabletheswipebackandforwardfunctionalityinSafari?现在2018年有变通办法吗? 最佳答案 在iOS13.4+中,您现在

javascript - Phonegap iPad 应用启动画面/启动屏幕在设备就绪时发生变化

我有一个使用HTML/JS/CSS+Phonegap创建的iPad应用程序(仅限横向);一切都按预期工作,但是我遇到了启动画面/启动屏幕的问题。当应用程序加载时,会显示正确的启动画面(正确的大小和命名等),但是一旦应用程序进入设备就绪状态并隐藏启动画面,它就会向上移动约20像素并显示一个白色条在隐藏之前沿着右下角。有谁知道发生了什么和/或如何解决它?谢谢! 最佳答案 对于遇到同样问题的任何人;事实证明,这实际上是Phonegap工作原理的一部分。在显示初始启动图像后,就在设备就绪状态开始之前,Phonegap将UIWebView向上

ipad - HTML5 框架和工具?

如果您开始构建一个相对复杂的HTML5应用程序(针对iPad),您会考虑使用哪些工具和框架来让您的生活更轻松?SproutCore看起来如果你可以单独使用前端UI可能会有用,但它必须与Ruby服务器一起使用,这对我来说没有用。有没有像jQuery这样的库可以简化所有多点触控的东西? 最佳答案 我知道这是一个旧话题,但我想补充一点,sproutcore完全与后端无关。它与ruby​​服务器或任何其他特定后端没有任何关系。此外,Sproutcore具有非常好的触摸支持。查看http://blog.sproutcore.com/post/