Tag: jquery mobile

jQuery Mobile和固定的页脚

我有一个用PhoneGap包装的jQuery移动应用程序。 我正在尝试使用固定的页脚和标题，并在页脚中遇到一些问题。 如果我有X长度的内容，然后点击后内容较小 – 页脚将向上移动而不是粘在屏幕的底部。 如果我点击屏幕，它将返回到它的位置。 任何想法为什么会这样？ 我的页脚代码是： Home City 这个问题会在Android和iPhone上以几乎相同的方式发生（iPhone甚至可能更多）。 顺便说一句 – 我正在使用jQuery mobile“jquery.mobile-1.0b2”和PhoneGap 1.0

如何在移动设备上进行jquery拖动工作？

我有一个应用程序，我允许用户拖动一些图像。 它使用jquery。 我试图让它在移动设备上工作（在iPhone上，如果我拖动图像然后它拖动整个页面）。 我想使用jquery mobile。 这是正确的方法吗？ 如果是这样，从常规jquery转换到jquery mobile是否相当容易？ 而且，如果我使用jquery mobile，它是否仍然可以从桌面上拖动？ 谢谢！

jQuery Mobile：更新导航栏时替代.trigger（’create’）或.page（）？

我有以下jQuery Mobile HTML代码，导航栏的内容是使用javascript设置的。 当静态设置时，jQuery移动设备会对导航栏进行设置样式，但是当您稍后使用javascript设置它的内容（html）时，您必须做一些额外的工作才能使其工作： App Loading… trigger(‘create’); 通常用于解决使用javascript / ajax设置时无样式标记的问题。 但是 ，它似乎只能在data-role=”content” ，而不适用于#navbar 。 下面的脚本应该工作，但菜单没有样式… $(function(){ $(“#menu”).html(“Test Styling”).trigger(‘create’); }); 任何想法如何解决这个问题？ 我试过了page(); 和.listview(‘refresh’); 没有结果。

即使我没有要求，jQuery mobile也会将页面加载到DOM中

这是场景： （fyi，在下面，当我说’window.location = …’时，它是由一个按钮点击触发） 我有三页：1.html，2.html，https://stackoverflow.com/questions/7605093/jquery-mobile-loads-a-page-into-dom-even-when-i-dont-ask-it-to/3.html。 我按照以下方式导航： 1.html — window.location=”2.html” —> 2.html 2.html — —> https://stackoverflow.com/questions/7605093/jquery-mobile-loads-a-page-into-dom-even-when-i-dont-ask-it-to/3.html click Back button 2.html — window.location=”1.html” – > 1.html 在最后一步1.html加载，然后2.html的内容被加载到DOM内部替换1.html的内容所以我在1.html但看到2.html的内容。 怎么了？ 为什么jQuery mobile认为它必须加载2.html的内容？ 我很确定它与历史和后退按钮有关。 如果我只是在1.html和2.html之间导航而不使用Back按钮，它可以工作。 更新以下是代码http://jsfiddle.net/x6bxN/为了重现您将要从HTML框中获取代码并将其分成三个单独的文件。

在完成函数的ajax调用后刷新jquery移动列表视图不起作用

我正在使用jQuery 1.3.1和phonegap 2.9.0开发一个应用程序。 使用php从服务器动态加载的所有数据ara。 我的问题是每次listview项目更改时刷新调用都不起作用。 我已经尝试和搜索了很多但还没有成功。 我认为，刷新function是在listview完成之前调用的，但是在我尝试将这行代码放在任何地方都不起作用。 有帮助吗？ 这是我的列表视图 这是我如何使ajax调用服务器 $.ajax({url: JsonURL beforeSend: function(){ $.mobile.showPageLoadingMsg(‘b’, ‘Updating content…’, true); }, complete: function () { console.log(“refreshing..”); $(‘#listview1’).listview(‘refresh’); $(‘#listview2’).listview(‘refresh’); $(‘#listview3’).listview(‘refresh’); $.mobile.hidePageLoadingMsg(); }, contentType: “application/json; charset=utf-8”, dataType: “json”, async: true, success: function (result) { data = result; app.setupdevice(); $.mobile.changePage(‘#home’, {transition: ‘slide’}); }, error: function (request, error) { console.log(error.message); } […]

如何滚动到jQuery Mobile中的页面元素？

我有一个很长的jQuery移动页面，并希望在页面加载后滚动到该页面的中间位置。 到目前为止，我已经尝试了一些事情，最成功的是： jQuery(document).bind(“mobileinit”, function() { var target; // if there’s an element with id ‘current_user’ if ($(“#current_user”).length > 0) { // find this element’s offset position target = $(“#current_user”).get(0).offsetTop; // scroll the page to that position return $.mobile.silentScroll(target); } }); 这可以工作，但是当DOM完全加载时页面位置被重置。 有谁能建议更好的方法？ 谢谢

jQuery Mobile Taphold

我正在尝试整天在我的项目中测试一个死的简单函数。 食谱是 用户点击并按住列表项 alert()出现。 我的标记是 … Hello, I’m an item … … 我的剧本是 $(‘.item’).on(“taphold”, function() { alert(“hello”); }); 我正在使用Safari在iPad 2上进行测试…我担心的是，jQuery mobile已被弃用，因为click()事件效果很好。 我已经从http//jquerymobile.com包含了源代码，这也没有用。 谢谢！

链接包装" >

jQuery在页面上找到电话号码并用链接包装

这是一个类似的问题，对于这个从未得到回答的旧问题： 使用jquery在电话号码周围标记标签 我正在使用自定义CMS的现有网站制作一个简单的jQuery移动网站。 在CMS中，有些条目包含代码和文本 Department 1 – (555) 123-1234 Department 2 – (555) 123-4321 Department 3 – (555) 123-6789 我知道大多数手机浏览器会自动将电话号码转换为可点击的链接，这些链接可以启动拨打电话号码。 然而，并非所有人都这样做，我希望能够使用jQuery将上述内容转化为： Department 1 – (555) 123-1234 Department 2 – (555) 123-4321 Department 3 – (555) 123-6789 我理解产生这一步骤的步骤涉及使用RegEx来匹配电话号码模式。 有任何想法吗？ 我觉得这对于很多人来说都是一个有用的插件。 UPDATE 以下是我尝试使用以下答案和评论： var regex = ((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}; var text = $(“body:first”).html(); text = text.replace(regex, “$1”); $(“body:first”).html(text); […]

在JQuery Mobile上以编程方式更改选项卡

我有一个导航栏（吼叫），我想用Javascript更改标签，找不到文档来帮助我和很多在线破解的代码，我将在这里感谢一些帮助。 测试用例：选项卡最初选择了第1页，我想使用javascript更改为第2页。 1 2 3 4 5 经测试的代码： var index = $(‘#tabs a[href=”#page-2″]’).parent().index(); $(‘#tabs’).tabs(‘select’, index); 抛出： Error: no such method ‘select’ for tabs widget instance 解决方案之后我想出了这些function： function changeNavPagePrevious(tabControl) { if ($(“#” + tabControl + ” .ui-tabs-active”).prev().length > 0) { if ($(“#” + tabControl + ” .ui-tabs-active”).prev().children().length > 0) { changeNavPage(tabControl, $(“#” + tabControl + ” […]

删除JQuery Mobile历史记录中的第一页

我正在使用jQuery Mobile做Cordova应用程序。 我的第一页是“正在加载”页面，我在这里下载App所需的所有数据。 之后，App进入菜单。 我想从历史记录中删除该加载页面。 我的问题是，据我所知，只有在使用$ .mobile.changePage（changehash = false）加载页面时才能禁止在历史记录中插入页面。 我正在使用jqueryMovile-1.4.2＆cordova 3.4.0。 有人知道解决这个问题的方法吗？