Tag: jquery

iOS键盘没有上一页,下一步,完成button的HTMLinput字段?

我正在制作一个具有input字段的移动HTML页面。 当我点击input字段的内部时,出现iOS 7键盘。 但键盘有一个顶部的function区,包含“<”,“>”和“完成”button 如何摆脱键盘上的这个顶级function区? 我想要的键盘风格相同的Safari浏览器地址栏input和iOS7“消息”应用程序。 谢谢!

使用Require.js从虚拟元素初始化VideoJS

首先,我解释我的要求: 我有一个虚拟元素来触发video – > <div id="dummyElement"></div> 当用户点击/点击虚拟元素时,VideoJS必须被初始化,然后必须在大多数平台上播放媒体。 那么,我的问题是当我使用Require.js库时,在IOS上处理这个问题。 这个问题迫使用户做两个恼人的点击/点击查看video。 我已经从一个简单的例子,例如requirejs和jQuery的承诺做了一些例子。 1- http://aitoraznar.com/lab/videojs/plain.html使用HTML5video标签的简单示例 2- http://aitoraznar.com/lab/videojs/complex.html使用require.js和jQuery promise的示例 3 http://aitoraznar.com/lab/videojs/videojs.html使用VideoJS的示例 4 http://aitoraznar.com/lab/videojs/videojsComplex.html使用VideoJS和require.js和jQuery promise的示例 我可以在以下设备中重现预期的行为: 三星Galaxy Tab(GT-P6200)Android 3.2 – 原生浏览器 三星Galaxy Tab 2 Android 4.4 – 本机浏览器 LG Nexus 5 Android 5.0 – Chrome浏览器 黑莓Z10(STL100-2) – 本机浏览器 检测到的设备不起作用(主IOS): iPad Mini 2(A1489) – IOS 8.1.2 – Safari浏览器 iPhone 4(A1332) – […]

CSS,IOS,iPad,-webkit溢出滚动:触摸错误,大内容被切断

我有一个有数千行(2317准确)的数据表来自数据库的表。 我把这个表里面的一个div,所以它是可滚动的。 HTML: <div class="longList"> <!– table with thousands of rows –> </div> CSS: .longList {overflow: auto; height: 550px; margin: 0 auto; -webkit-overflow-scrolling: touch;} 问题是,列表在iPad上的移动Safari浏览器(在桌面浏览器上工作正常)切断行号1900(该行的一半显示),列表的其余部分显示为空白。 第1900行之后没有显示行。 如果我删除了“-webkit-overflow-scrolling:touch;”,则所有行都显示出来 从风格。 有没有人遇到这个或有任何想法如何解决这个问题?

只有在分配事件监听器的情况下,CSShover在ios上才有效

我正面临一个奇怪的问题。 我已经创build了一个CSS下拉菜单中的select使用js下拉表单元素。 它似乎在大多数的浏览器,但ios设备工作正常。 当我将鼠标hover在下拉菜单上时 csshover事件不是在ios设备中触发的,但是如果我添加一个eventlistener到下拉元素而在监听器中没有动作,hover事件开始工作。 这是我的代码来编辑: http : //codepen.io/kuldeepdaftary/pen/jKeDi testing: http : //codepen.io/kuldeepdaftary/full/jKeDi 尝试JS中的以下片段的评论: $('.dropdown').click(function(){}); 一旦你评论上述部分! Csshover将不再在iPhone / iPad的工作,但只要你取消注释,它将正常工作。 由于clickevent列表function是空白的! 我不明白这是什么解决问题?

Javascript – 当“没有连接检测到”时显示消息

请注意,这个问题是由于另一个问题的结果:“ Codename One – ToastBar”未检测到连接时 “ 什么是正确的方法(在JavaScript或JQuery中)处理互联网连接不可用(这在移动设备上很常见)? 每当出现networking错误时,我想给用户显示一条消息(如: https : //i.stack.imgur.com/Ll6jD.png ),暂停网页的Internet活动,以不产生错误的方式(并且用户写入的消息,例如以htmlforms,不会丢失)。 当连接再次可用时,应该(自动)恢复Internet活动。 这应该是一个方便的方式,让人们可以通过移动设备与网站进行交互,而不会有丢失文章或评论的风险,并且在点击链接时不会收到错误。 这个function应该尽可能独立于特定的网站。 什么是实施它的正确方法?

iPhone键盘在手机中推动页面

我正在开发一个iOS应用程序在phonegap / cordova 3.3.0与jquery移动1.4.2 我devise了一个多文本框的input页面,但当iPhone本机键盘打开它推动页面在iPhone 4,在iPhone 5也面临同样的问题,但页面在closures键盘后,来到原来的状态,但在iPhone 4页面推顶位置。 检查下面的屏幕截图。 这是屏幕 这是当键盘打开 closures键盘后closures 请帮忙…

更新到Xcode 5.1.1导致iOS应用程序的奇怪崩溃

不幸的是,我自动更新到版本5.1.1(5B1008),现在我的一个应用程序崩溃在一个非常奇怪的方式。 该应用程序是PhoneGap 3.4(+ jQuery Mobile 1.3.1)混合应用程序,当我尝试打开包含〜20 JQMcheckbox的JQM页面时发生崩溃。 WebCore WebCore::RenderThemeIOS::paintCheckboxDecorations在CoreGraphics CGPathAddLineToPoint调用CoreGraphics CGPathAddLineToPoint发生崩溃,我猜测WebCore尝试渲染JQM页面上的checkbox。 控制台显示: Assertion failed: (CGFloatIsValid(x) && CGFloatIsValid(y)), function void CGPathAddLineToPoint(CGMutablePathRef, const CGAffineTransform *, CGFloat, CGFloat), file Paths/CGPath.cc, line 224. (lldb) 任何其他不包含checkbox的JQM页面都会正确显示,并且不会使应用程序崩溃。 编辑:有趣的是,崩溃是由这一行的Javascript触发的: $('#my_checkbox').prop("checked", my_boolean_value).checkboxradio("refresh"); 如果我禁用它,JQM页面显示。 但是,即使上述行被禁用,如果我点击任何checkbox,它再次崩溃,与上面的Assertion failed消息相同。 (我猜是因为JQM切换了check / unchecked类。) 我已经执行了所有我能想到的技巧(清理,禁用debugging器,重启,重新安装Xcode),没有运气。 任何想法如何解决这个问题?

使用inputtypes=文件捕获照片时,移动Safari会崩溃

我正在使用inputtypes文件在iOS中启动相机。 下面的代码行我正在使用: <input type="file" name="select a Picture"/> 当我按下button,它会显示两个选项,即1)拍照2.从画廊中select如果我从画廊中select选项select,然后启动本地画廊,当我从画廊中select图片,然后我可以看到它在预览,所以从画廊select工作正常。 但问题是用相机拍照。 当我按下拍照时,它会启动相机,但拍摄照片后直接返回到Safari浏览器。 并有其中popup显示以下错误: A problem occurred with this webpage so it was reloaded 那么如何解决这个问题呢?

从顶部滑动菜单隐藏在Safari移动栏后面

iOS Safari上的下拉设置有一个严重的问题。 设想一个网站,顶部有一个标题。 如果您点击标题,它将滑落,就像手机上的任何通知中心一样。 我select的方式很简单。 我有一个<div class="settings hide">与此CSS: .settings{ position: fixed; width: 100%; height: calc(100vh + 60px); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 10; } .hide{ top: -100vh; } 现在,这看起来像这样: 现在,下一步是通过添加名为“show”的类来创build“使用jQuery完成的可滑动”。 .show{ top: calc(0vh – 60px); } 这实际上使它变得很棒。 它只是工作! 突然间,我尝试了iPhone上的网站,因为底部的栏杆,一直显示,直到滚动,我的臀部全部消失了。 […]

移动YouTube页面如何在iOS上自动播放video?

我试图得到它的理解,但经过两天的代码挖掘,我想我会在这里发表我的问题… 根据苹果的文档,iOS设备上的自动播放video无法在没有用户交互的情况下完成(例如点击video)。 尽pipe如此,移动YouTube(m.youtube.com)能够在用video加载页面之后自动播放video。 有谁知道他们是怎么做到的? PS。 我已经在iOS网站上检查了所有可用的自动播放video的JS / HTML技术(例如iframe,虚假点击,触发video触摸事件,使用XHR获取video)。