Articles of jquery mobile

如何仅检测原生Android浏览器

它很容易检测Android设备,但我只能检测到Android本机浏览器。 问题是Dolphin浏览器有一个几乎相同的用户代理字符串,我想知道他们是否使用本机浏览器。 这可能吗?

使用PhoneGap / jQuery Mobile以编程方式在iPhone / Android日历中添加事件?

如何从iOS / Android中的JavaScript / jQuery Mobile / PhoneGap应用程序创建日历事件? 有没有,例如,PhoneGap插件? 在官方存储库中没有看到任何内容。 对于iOS,Event Kit框架(iOS 4.0+)似乎能够添加事件 。

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 […]