Articles of jquery mobile

Android上的jQuery Mobile图标白色而不是黑色

我在使用默认的jQuery Mobile图标时遇到问题。 在Android设备上(任何浏览器,默认浏览器,FireFox和Chrome浏览器),图标是白色的,但应该是黑色的。 在其他设备(iPhone,Windows Phone,台式电脑)上,图标应该是黑色的。 我正在使用最新的稳定的jQuery Mobile 1.2.0。 让我知道是否有人遇到这样的问题。

在添加dynamic数据的同时发行

我需要在jQuery Mobile Foo Table中有一点帮助。 我在表中dynamic添加数据。 HTML: <table id="tblSRNDetails" class="footable"> <thead> <tr> <th data-class="expand">SRN</th> <th >Failure Date</th> <th >Complaint Report Date</th> <th>Promised Date</th> <th >Customer Name</th> <th >Log Time</th> <th >Create FSR</th> <th data-hide="phone,tablet">Days Open</th> <th data-hide="phone,tablet">SRN Allocated Time</th> <th data-hide="phone,tablet"> SRN Status</th> <th data-hide="phone,tablet"> ESN Number</th> <th data-hide="phone,tablet"> Request Type</th> <th data-hide="phone,tablet">Service Request Details</th> </tr> […]

PhoneGap – 与Android上的浏览器相比性能较差

我使用jquery mobile和phonegap开发了一个android应用程序。 我通过USB部署应用程序到我的设备。 该应用程序的性能非常糟糕,尤其是在滚动更长的列表时。 奇怪的是,如果我只是打开手机上的浏览器,直接访问index.html,整个应用程序运行平稳。 相同的技术,相同的内容。 我不使用phonegap native api或类似的东西。 testing与Android 4.0.2上的phonegap 1.5.0和1.7.0rc1,jquery mobile 1.1.0。 有任何想法吗?

Android底部白色条纹填充Webview内容

一旦一个HTML被加载到一个webview,我得到一个白色的条纹在右侧和底部的布局。 对于正确的一个我解决它使用: setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY); 但是,我已经尝试了很多选项来删除底部的一个没有成功。 即使我读了所有相关的post。 如果需要更多的代码,请让我知道。 XML <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <WebView android:autoLink="web" android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/webview1" android:textColor="@android:color/black" ></WebView> </LinearLayout> 活动 browse = (WebView) findViewById(R.id.webview1); browse.getSettings().setJavaScriptEnabled(true); browse.getSettings().setUseWideViewPort(true); browse.getSettings().setLoadWithOverviewMode(true); browse.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY); browse.setScrollbarFadingEnabled(false);

将Ruby on Rails应用程序转换为原生Android PhoneGap应用程序

我一直在研究用Ruby on Rails编写的jQuery移动Web应用程序,并希望将其作为原生Android应用程序提供。 我已经设置了phonegap项目来加载我的url,并且一切似乎都正常,但是我一直在阅读,Google会拒绝该应用程序,如果它只是一个webview容器到外部url。 有没有人有这方面的经验? 从我可以告诉,我需要重写Web应用程序使用AJAX调用来填充页面,而不是仅依靠Web请求到我的Web服务器。 任何人都可以提供任何见解? 他们会接受只是加载外部url的PhoneGap应用程序吗? 任何帮助表示赞赏。 Update1:我也读过,能够处理没有互联网连接是他们将批准/拒绝您的应用程序的主要原因之一。 我认为这可以在Android应用程序处理一些检查互联网连接的逻辑,如果存在,加载外部url,如果它不加载本地的HTML飞溅页面。 这个想法会好吗? Update2:是否可以select将应用程序的“骨架”作为电话差距应用程序中的基本html文件,它只是使用ajax来拉下所有主要的html? 这样,应用程序仍然可以在没有互联网连接的情况下运行,但是您也可以对每个请求中将要下载的页面内容进行大的更改。 这是一个可行的select?

PhoneGap + JQuery Mobile + Google Maps v3:地图显示左上angular的图块?

我有一个PhoneGap应用程序,使用JQuery移动浏览页面。 当我从主页面导航到包含Google地图的页面时,地图在左上angular一次只显示一个图块,如下所示: 这可能是什么原因? ** 源代码:下面的脚本在我的页面的头部 <script> $(document).on("pageinit", "#stores", function () { var centerLocation = new google.maps.LatLng('57.77828', '14.17200'); var myOptions = { center: centerLocation, zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP, callback: function () { alert('callback'); } }; map_element = document.getElementById("map_canvas"); map = new google.maps.Map(map_element, myOptions); var mapwidth = $(window).width(); var mapheight = $(window).height(); $("#map_canvas").height(mapheight); $("#map_canvas").width(mapwidth); google.maps.event.trigger(map, 'resize'); }); […]

将jQuery移动应用程序转换为apk

我根据下面的教程在jQuery mobile annd HTML 5中做了一个简单的应用程序, http://www.erikyuzwa.com/mobile/your-first-mobile-application-using-jquery-mobile-1-0-hello-world/ 任何人请帮助我如何将此应用程序转换为apk文件,以便我可以使用手机间隙将其安装在我的手机中。 我已经下载了电话差距 提前致谢

li元素中的一个div的jquery点击事件没有在移动Safari中被触发

修正:最后我直接生成元素,而不是由jQuery呈现。 Updated2:似乎很清楚真正的问题。 我做了一些testing,只有一个testing,我插入一个链接。 但是我不想绑定整个li元素,而是绑定一个div元素。 更新:我做了一些关于DIV的位置的修改,它现在在Android的工作,但移动Safari甚至在UL列表中的任何元素。 以下方法适用于桌面Safari和Chrome,但不适用于其移动版本。 有任何想法吗? JS: $('#SubCategories > li .likeRibbon').live('click', function () { …… }); HTML: <ul id="SubCategories"> <li id="st2" > <div class="likeRibbon">Like?</div> </li> </ul> CSS: #SubCategories .likeRibbon { border-style: solid none solid none; border-width: 1px 0px 1px 0px; border-color: #565656; background-color: #565656; color: #333; text-shadow: 0 1px 0 #777, 0 -1px 0 […]

onJsAlert之后Android webview不响应点击

我已经覆盖了我的WebChromeClient的onJsAlert行为,如: WebChromeClient wvcc = new WebChromeClient() { @Override public boolean onJsAlert(WebView view, String url, String message, final JsResult result) { //… return true; } } 我的应用程序成功地处理了Js警报,并抑制了原来的警报。 但是,在警报事件之后,我无法在webview中的web页面上长按我的button(在listview的列表项中)。 我目前正在使用jQuery手机来build立我的网站。 还有什么我应该知道的?

在Jquery mobile的一个页面中包含几个页面

我正在使用jQuery Mobile的应用程序。 我需要在最后一次提交表单之前在一个预览页面中包含几页。 这是关于我的应用程序的一个基本想法。 它需要至less10-15个表单来收集用户的数据。 而我的html看起来像这样: <html> <head> <title>Title</title> </head> <body> <div data-role="page" id="login-page"> </div> <div data-role="page" id="form1-page"> <!– CONTENT –> </div> <div data-role="page" id="form2-page"> <!– CONTENT –> </div> <div data-role="page" id="preview-page"> <!– CONTENT –> </div> </body> </html> 我已将预览button链接到预览页面。 问题是,我想要在预览页面中dynamic地包含所有的表单页面。 任何人都可以帮助我吗? PS:我已经试图谷歌。 我find了这个答案。 但可能是我误解了一些东西,因为这在我的情况下是行不通的。 注意:我正在android webview中渲染。