Tag: jquery

jquery .play无法在移动设备上运行

我的页面上有许多HTML5 元素,并且所有元素都在桌面上运行良好。 但是,在iOS Safari上,只有长时间保持video播放,而不是正常点击(应该复制’click’jqueryfunction)。 任何人都可以建议为什么video没有播放? 为什么它会在短暂的持有后这么做? $(document).ready(function() { // Preload the video setTimeout(function() { $(‘.video video’)[0].load(); }, 0); $(‘.video video’).click(function() { if ($(this).hasClass(‘is-playing’)) { $(this).removeClass().addClass(‘is-paused’); // Pause video $(this)[0].pause(); } else { $(this).removeClass().addClass(‘is-playing’); // Play video $(this)[0].play(); } return false; }); });

奇怪的iOS动画,用jQuery显示?

我一直在为一些滑动菜单做一些动画,在你们可爱的帮助下帮助:) 它在浏览器中完美运行,但是当使用iPad或iPhone(iphone有自己的布局)时,会出现以下问题… 在主页上,滑块打开后,一旦div打开(与Web版本相反),则需要几秒钟才能呈现菜单,有时甚至不会出现。 在其他页面上,菜单会打开,但是一旦完全打开,文本就会隐藏它自己,然后一旦关闭菜单就会显示,也会在子菜单上显示。 链接: http : //jsre.kandimedia.com/ 当遇到这样的错误时,真的不确定我应该寻找什么,任何建议都非常感谢! UPDATE 添加jsfiddle,因为问题出在mobile / ipad上,所以不确定它会有所帮助 http://jsfiddle.net/pxd8z/ 编辑:找出原因,与background.js发生冲突

CSS:焦点不适用于iOS

我有一个带有图像的盒子。 在hover/焦点时,我想要一个颜色叠加和标题淡入其中。 除iOS设备外,它几乎适用于所有浏览器和设备。 我正在使用:hover和:focus伪类来适应各种设备,但它似乎对iOS没有帮助。 鼠标hover时没有任何反应。 这是我的代码,我也有一个function齐全的小提琴 。 * { padding: 0; margin: 0; } .my_image { float: left; width: 50%; margin: 0; padding: 0; position: relative; } .my_image p { position: absolute; color: #fff; display: block; padding: 0; margin: 0; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 […]

iPhone Orientation / phonegap

我有一个为ios制作的phonegap应用程序。 我想要做的是将我的方向锁定在垂直模式,除非我在本机ios播放器中启动vimeovideo。 目前,当我锁定垂直模式时,播放器也会垂直播放而不会旋转。 有关如何做到这一点的任何想法? Ios 5 phonegap(cordova)1.8.1 Jquery Jquery Mobile

jQuery Mobile 1.1.0 RC1在iOS Safari中修改AJAXpost的HREF

免责声明:我使用的是jQuery Mobile 1.1.0 RC1,它还不是一个稳定的版本。 我有一个需要发布AJAX请求并返回JSON响应的链接,但是当点击链接时,似乎jQuery Mobile将HREF更改为iPhone上的iOS Safari中的哈希(#)。 在使用iPhone用户代理的浏览器中进行测试时,它不会执行此操作。 这是我的基本HTML和JS来展示我的内容: Send Ajax Request 和JS $(‘#tab a’).on(‘click’, function(e){ var $this = $(this); var jsonUrl = $this.attr(“href”); alert(jsonUrl); $.mobile.showPageLoadingMsg(); $.ajax({ type: “POST”, url: jsonUrl, success: function(data) { $.mobile.hidePageLoadingMsg(); alert(data); } }); return false; }); “jsonUrl”的值变为“#”(而不是我的ajax请求的url)然后数据变量的值返回整个页面而不是我想要的JSON提要。 奇怪的是,这只发生在iPhone上的iOS Safari中。 它运行正常,当我在OSX Safari或Firefox中尝试使用不同用户代理的jQuery Mobile站点时,JSON提要会回来。 我已经尝试将rel =“external”和data-type =“ajax”添加到链接中,但它没有修复它。 我也在使用jQuery Mobile 1.1.0 RC1,但我不确定这是不是问题,或者我是不是正确使用jQuery Mobile。 […]

iPad表单禁用按钮

所以我有一个存在于滑块中的表单向导。 整个想法是根据他们的决定来引导人们。 问题是ipad。 在iPad上它允许你点击[previous | next]来浏览表单上的字段,这打破了门控策略。 在桌面浏览器上,我通过在门控字段上的按键上返回false来抑制TAB键。 但在iPad上我看不到任何解决方案。 我尝试过tabindex并将门控输入设置为-1。 这里的问题是,在他们穿过大门之后,[previous | next]按钮会反应并将所有内容搞砸。 有没有办法可以一起删除这些按钮? 或者将它们捕获为js事件? (注意这是一个移动网页,而不是一个应用程序)

ColdFusion和移动应用程序结构和安全性

概观 我正在寻找使用HTML5,jQuery和ColdFusion开始开发iOS应用程序。 我对此的理解是让jQuery为所有后端函数调用ColdFusion API。 大! 我的问题主要是关于页面结构和API安全性。 应用结构 在我的脑海中,我建议应用程序的实际结构应该类似于: … 这个想法是出于组织目的。 我不想在实际的应用程序中包含任何API调用。 我希望它位于远程机器上。 这将允许我进行编辑,而无需将应用程序重新提交到app store。 安全 这种结构会有安全隐患吗? 我有什么办法可以增强这种安全性吗? 也许只允许来自移动设备的API调用? 或者可能需要某种钥匙? 此外,当谈到实际的API本身。 该function的安全性如何工作? …. 您建议使用哪些参数来确保最安全?

jQuery:脱机后POST错误(iOS和Chrome)

我已经构建了一个具有离线function的HTML5 Web应用程序(使用AppCache)。 程序流程为: 在线 : 在网络上 ,应用程序预加载一些基本信息(“工作”)。 离线 :用户将应用程序离线平板电脑,然后在应用程序上执行其工作流程(例如检查和评分)。 在线 :平板电脑重新连接到网络后 ,会将用户的输入同步(或上传)到中央系统/数据库中。 我们已决定将Chrome用于所有离线/ HTML5应用程序(因为支持HTML5)。 在Windows设备上(使用Chrome),同步/上传可以正常工作。 如果用户使用iPad(iOS 7,Chrome),他们第一次尝试同步时会抛出错误 – 但是第一个记录IS实际上已同步。 XHResponse对象引发的错误只是“错误”。 我们在服务器端使用WebAPI 2.2,在客户端使用jQuery 2.1.1 AJAX。 执行POST的客户端JavaScript如下: try { var inspections = GetCompleteInspections(); if (inspections) { for (var i = 0; i < inspections.length; i++) { var response = null; var data = JSON.stringify(inspections[i]); $.ajax({ async: false, […]

iOS 5上的jQuery事件

我遇到了jQuery 1.6.4,iOS 5和touchstart / touchend事件注册的问题(显然标题中所述)。 请使用以下代码: $(document).ready(function() { var $body = $(‘body’); $(”).html(‘test jQuery’).bind(‘touchstart’, function() { alert(‘touchstart’); }).appendTo($body); }); test pure JS “纯JS”按钮显示iOS 4.3和iOS 5中的警报,但“jQuery”按钮仅适用于iOS 4.3。 在iPad / iPhone模拟器上测试,4.3和5; 还在真正的iPhone 4.3,iPhone 5.0和iPad 5.0上进行了测试。 如果我使用或甚至是简单的而不是 。 我认为这是一个与jQuery相关的问题吗?

PhoneGap / Cordova:如何使用cookies(iOS)?

我有一个适用于iOS的PhoneGap / Corodova项目。 虽然在iOS模拟器上构建,但我使用了Jquery Cookies,它们很好。 但是,现在我的设备上有应用程序进行测试,它们不再有效。 我猜这只是iOS不支持的东西。 有谁知道为iOS做客户端cookie的方法? PS:我目前的cookies代码(以防万一): $(function() { var cookiedate = new Date(); cookiedate.setTime(cookiedate.getTime() + (60 * 60 * 1000)); $.cookie(“startupscreen”, “checked”, { expires: cookiedate, path: ‘/’ }) });