Tag: jquery mobile

iOS5 + jquery-mobile转换闪烁

我试图删除在iOS 5上运行时对jqmobile转换的恼人的闪烁效果。我尝试了其他职位的几个方法,如-webkit-backface,做了一些其他的工作,但没有达到完整的解决scheme。 我观察到flickr发生在转换之前,由于导航栏从顶部移动一个像素(也许是2)而重新定位页面。 问题从初始化开始,或者在页面被重新渲染之后的设备旋转之后,我们得到了两个可能的工作结果, 在每次转换时无闪烁和预期工作。 每一个转折出现的描述都会闪烁。 问题当然是,当新页面呈现时,你会随机得到1或2个。 谢谢。

使用jquery移动轻击,而不是点击

我正在制作一个需要在移动设备以及非移动设备上运行的Web应用程序。 在我的应用程序中,我有几个用户可以点击的图标,以便使用websockets发送消息到服务器。 我的代码看起来像这样: $('.button-container').on('tap', '.sender', function() { socket.send('Message'); }); 使用“点击”而不是“点击”是为了提供对iPad(和其他移动设备)的支持,但是由于这看起来有些黑客,我有一些担心。 “tap”似乎可以在我的testing浏览器,Safari 7,Chrome 34和Firefox 26(所有非移动设备)上运行,但对其他非移动浏览器的支持如何? 还有什么已知的问题使用“点击”非点击“非移动浏览器?

PhoneGap与jQuery Mobile性能问题的常见来源是什么?

我有一个使用PhoneGap 1.0和jQuery Mobile 1.0b2在iPhone和iPad上运行的应用程序。 自从我开始使用这个框架以来,我一直被性能问题困扰在应用程序中的“页面”之间切换。 在按下button之后,在转换发生之前会有一个很好的第二次暂停,有时会更长一些。 我已经尝试了所有的webkit的调整,甚至在两个框架(我开始使用Phongap 0.95和jQuery Mobile Alpha 4)等待升级,这个问题还没有解决。 我使用尽可能多的“内置”对象(而不是自定义button图像),并在每个屏幕上使用自己的PNG背景。 应用程序本身只包含3个页面,外加一个用作选项屏幕的页面。 我不想寻找一个特定的解决scheme,而是想知道在使用PhoneGap和jQuery Mobile for iOS时性能存在的一些常见问题? 这样,其他人可以在处理自己的问题时寻找选项清单

从HTML5创build本机iOS / Android应用程序

有没有一种工具/方法可以在iOS或Android设备上从HTML5或jQuery Mobile代码自动生成应用程序,以便该应用程序完全在移动设备上加载/运行,而无需networking访问,并且没有相应的加载时间延迟(即不是一个Web应用程序)? 我已经研究了一系列的工具(HTML5,jQuery Mobile,trigger.io,phonegap,Appcelerator等),并阅读了大量的文档和计算器以及其他论坛post。 但是,我还没有find这个基本问题的答案。 那里的许多工具(例如trigger.io)夸耀他们正在创build“原生”应用程序。 但是,当我构build了一个示例iOS应用程序来尝试回答上面的问题时,该应用程序将只能在设备连接到Web时正常运行,导致我认为它实际上是一些混合或具有某些本机组件的Web应用程序/function。 我想对于开发应用程序一段时间的人来说,这应该是显而易见的,但对于从新鲜开始的人来说,事实并非如此。 现有的工具是否能够将HTML5 / jQuery Mobile本质上转换为客观的C语言,还是只能连接到Web内容? 是否有可能使用易于使用的跨平台工具(我特别喜欢jQuery Mobile和Codiqa,因为我能够如此快速地构build原型)在iOS或Android上完全本地运行设备,还是你最终不得不手动编写的应用程序(例如在目标C),如果你想它是完全本地的设备(而不是一个Web应用程序)? 谢谢

iOS / iPhone:Web应用程序启animation面不显示

我在我的web应用程序的<head>中有下面的代码,但是当DOM加载而不是闪屏时,我的iPhone 3GS上只是白屏。 <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <!–STYLES–> <!–SCRIPTS–> <!– iPhone LAUNCHSCREEN–> <link href="includes/images/apple-launch-480h.png" sizes="320×480" media="(device-height: 480px)" rel="apple-touch-startup-image"> <!– iPhone (Retina) LAUNCHSCREEN–> <link href="includes/images/apple-launch-480h2X.png" sizes="640×920" media="(device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> <!– iPhone 5+ LAUNCHSCREEN–> <link href="includes/images/apple-launch-568h.png" sizes="640×1136" media="(device-height: 568px)" rel="apple-touch-startup-image"> 如何让我的启animation面在所有版本的iPhone上正确显示? 代码没有显示,但我的networking应用程序图标正在工作时,添加到主页。 我正在使用jQuery Mobile来构build这个Web应用程序。 我也确认,PNG图像是正确的大小,我已经删除了networking应用程序图标,刷新,并重新添加到主屏幕多次。 我在StackOverflowfind的解决scheme都没有为我工作。 我还没有尝试JavaScript解决scheme,因为我确定有一个纯粹的CSS解决scheme。

jQuery Mobile没有响应或不触发HTML5 iPhone应用程序(Safari)

我们使用jQuery Mobile来处理iPhone HTML5networking应用程序的手势和触摸事件。 不幸的是,几次点击后似乎不起作用。 我们使用最新的JQM 1.3.2,以及jQuery 1.10.1。 重现: 1)通过iPhone访问www.tekiki.com或从桌面访问www.tekiki.com/dandy/dandy 。 2)向左滑动显示类别菜单。 3)点击游戏类别(不是所有游戏 )。 4)游戏渲染后,点击财经类别。 在这一点上,其他类别的水龙头将被忽略。 JQM似乎并没有触发tap事件,因为下面相关代码中的断点没有被触发。 代码片段: // Bind what happens when user taps on category $( '#templates .category_box' ).on( 'tap', function( ev ) { // Prevent double taps ev.preventDefault(); // Set category picked history CHOSEN_CATEGORY_ID = $(this).attr('itunes_id'); // Show page p_change_page( '#category_page' ); });

Phonegap jQuery手机文字input

我希望有人能够告诉我为什么我的文本input不工作在我的Phonegap项目正在使用jQuery的手机。 这是一个链接到我的XCode项目在DropBox中: https://www.dropbox.com/sh/49t41ixh72at9q5/yc8USE2Lun 文本字段在获取焦点时不允许input文本。 您将需要打开www /文件夹中的index.html。 这是一个Phonegap项目,使用jQuery的手机,和Xcode运行ios模拟器。 导致问题的代码示例如下: <div data-role="content"> <label for="basic">Text Input:</label> <input type="text" name="name" id="basic" value="" /> </div><!– /content –> 更新:解决! 看看下面的链接: Phonegap样式-webkit-user-select:无; 禁用文本字段

为iPhone Web应用程序的jQuery Mobile高度问题,假设页面高度为480而不是460

jQuery Mobile似乎在初始化时计算页面高度,但是由于我们在应用程序中启用了状态栏,JQM假定我们有480 px可用,而不是460 px。 我们正在为iPhone构build移动networking应用程序。 我们正在使用JQM 1.1.1和PhoneGap 2.0。 任何想法如何覆盖JQM设置? 我们尝试手动将页面高度设置为460像素(在JQM定义页面高度之后),但这不起作用。

jQuery .popup(“打开”)在iOS 9设备上无法正常工作

onClick事件我们呼吁以下 $( “#PopUpDialog,这个PopUpDialog”)popup( “开放”)。 $( “#PopUpDialog,这个PopUpDialog”)popup( “开放”)。 $( “#用户名”)专注()。 popup窗口出现并突然消失。 我们在iOS设备上面临这个问题,因为我们在iOS 9之前将ipad和iphone更新为ios 9,所以确定。 移动应用程序平台:使用Mobilefirst 6.3 studio的JQuery Mobile 1.4.2 我们如何解决这个问题? 谢谢,

在使用PhoneGap构build的iPhone应用程序中加速jQuery Mobile 1.1中的页面转换?

JQM 1.1中的页面转换仍然会在iPhone上造成1-2秒的延迟,从而影响用户体验。 有没有人想出了如何使JQM 1.1中的页面转换感觉更原生? 我们知道像Zepto这样的替代框架,但是如果可能的话,我们更喜欢使用JQM。 我们使用PhoneGap在iOS设备上分发应用程序。