Tag: jquery mobile

选中/取消选中jquery mobile中的所有复选框失败

我有一个带有两个按钮的jquerymobile页面。 一两个选中所有复选框,一个选中取消选中所有复选框。 我第一次点击check all它的工作原理,但取消选中后它不再有效。 这是我的代码: SSC … check all uncheck all One Two Three 我正在使用jQuery 1.9.1和jQuerymobile 1.3 我已经看过如何选择或取消选择JQuery Mobile中的所有复选框? 但它没有帮助我。

如何通过jQueryMobile 1.3.1中的AJAX加载带有正确字符编码的ISO-8859-1内容?

我有一个生成ISO-8859-1内容的PHP脚本(CMS)(在后台还有一个带有Latin1数据的数据库)。 为了可视化移动设备上的数据,我使用jQuery Mobile 1.3.1。 通常,如果在HTML中使用正确的元标记,则字符编码没有问题: 但是jQuery Mobile有这个默认设置: $.mobile.ajaxEnabled = true; 因此,jQuery Mobile将尽可能自动处理链接点击并通过Ajax表单提交。 这是一个非常聪明的function,但它会摧毁一些像德国变形金刚这样的特殊角色,你会得到这个令人讨厌的角色:

jquery移动按钮文本自动换行

我希望按钮中的文本在到达按钮末尾时自动换行。 当我使用普通的jquery移动样式时,它会截断我的文本,并在此处放置三个点: 我找到了一个小小的工作环,这些点不会像这里一样出现(白色空间:正常对我来说不起作用) 有一个想法,我怎么能让它做自动换行?

如何链接到jQuery Mobile中页面的特定部分?

我在jQM中动态创建一些按钮,如下所示: return ” + match + ”; 这适用于创建按钮 – 它们与按钮上的文本具有相同的id ,并且它们可以很好地链接到词汇表页面。 我需要做的是链接到词汇表页面中的特定位置 。 现在通常你会这样做 但是在jQM中,我必须这样做 这似乎不起作用。 我使用href创建一个href ,它不起作用。 有没有办法做到这一点?

如何使用javascript显示jquery页面(在div内)?

这是我的问题,我称之为这种方法,它的作用是什么 使用jQuery在服务器上发布一些数据,我想使用从服务器接收的结果显示页面 我的页面index.html // other page content Login Main menu 这里是来自javascript的代码片段, 快速的东西loginSubmit()调用loginPostData ,loginSubmit创建一个json对象并将其传递给loginPostData function loginPostData(jsonRequest) { $.post(“http://localhost:8080/edserve/MobileServlet”, JSON.stringify( jsonRequest), function(data) { var obj = JSON.stringify(data); //var object = JSON.parse(json_text); //alert(obj); alert(obj); if(data.status==”success”) { //display main page //$(‘#mainMenu’).show(); <– this does not give desired result } else { if(data.message=="user not verified") { //display verification page } […]

JQuery Mobile changePage

我正在设计一个JQuery Mobile应用程序并面临一个问题,我有两个页面, page1.aspx和page2.aspx ,我必须从page1重定向到page2 。 目前我使用window.location.href进行重定向,但它也是在地址栏中显示加载。 为了避免这种情况,我想使用$.mobile.changePage 。 问题: 现在重定向之前我在localStorage变量中设置一个值,基于page2.aspx load事件上的这个值,我必须绑定页面。 它与window.location.href工作正常,但是在使用$.mobile.changePage它正在重定向,但是如果我正在刷新它正在加载的页面,则在转到page2.aspx后没有触发load事件。 所以我的问题是在显示page2.aspx加载事件时必须触发。 任何人都可以告诉我为什么在使用$.mobile.changePage没有加载$.mobile.changePage ? 如果有人知道解决方案,请尽快回复,非常紧急。 提前致谢。 Page1.aspx的: localStorage.setItem(“pageCode”, “NULLException”); //$.mobile.changePage(“../MessageDialog.aspx”, “slide”, true, true); $.mobile.changePage(“../MessageDialog.aspx”, { transition: “slide”, changeHash: true, reverse: false }); Page2.aspx: $(‘div’).live(“pageshow”, function () { if (localStorage.getItem(“pageCode”) != null) { if (localStorage.getItem(“pageCode”) == “NullException”) { $(‘#lblDialogHeader’).text(“Error”); $(‘#lblDialogMessage’).text(“Sorry”); document.getElementById(“btnOK”).setAttribute(“onclick”, ‘Test()’); } } } […]

jQuery Mobile中的粘贴列表分隔符?

有没有办法让jQuery Mobile List分隔符标题在页面顶部固定/粘贴,直到下一个字母或列表分隔符出现并取而代之? 我已经找到了这样的东西: https : //github.com/jquery/jquery-mobile/blob/master/experiments/scrollview/lists-divider.html但是demo没有用,当我实现了这段代码时,它也行不通。

如何使用HTML5,JQuery mobile中的链接在同一页面内部导航..?

我有一个场景,其中我尝试使用链接在我的Android应用程序页面中导航。 我正在使用HTML5与Phonegap和JQuery Mobile。 对于前者,我有: Header2 当我给, Navigate to Header2 为了导航到同一页面中的标题部分,我无法这样做。 有人可以为这个问题提供一些解决方案..? 作为@Adleer给出的解决方案的一部分,尝试使用同一HTML文档的多个部分。 以下是供参考的示例代码: Common diphthongs Test item2 Link to Diphthongs Link to page3 以上代码仅供参考其中一个提供的解决方案。

删除未使用的jQuery Mobile元素?

我正在使用jQuery Mobile beta。 与之合作非常有趣,但在3G连接上它仍然很慢。 它需要以下文件: http://code.jquery.com/jquery-1.6.1.min.js (89KB) http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js (65KB) http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css (41KB) 这些都高于25KB的iPhone缓存限制,即使使用缓存清单,也意味着该网站第一次渲染的速度非常慢。 不是非常缓慢,但足以令人不愉快(是的,我知道“慢”是主观的,但UI开发中的一切都是如此)。 有没有人想出一种方法来减少这些文件的大小 – 要么是未使用的jQuery,要么是删除部分CSS文件的方法,具体取决于实际使用的是哪些元素? 非常感谢。

单击可折叠时,jQuery Mobile页面会跳到顶部

我有一个带面板导航的jQuery Mobile页面。 最后两个元素是可折叠的,带有更多菜单项。 扩展或折叠这些会导致页面跳转到顶部,用户必须再次向下滚动以选择其中一个显示的条目。 我试图通过在可折叠div的click事件中执行.preventDefault()来抑制此行为,但页面仍然跳转到顶部。 有谁知道如何防止这种情况? 提前致谢。 我的HTML: Mein Account Account Verwalten Profil bearbeiten Profil Interview bearbeiten Profilbild hochladen AGB / Impressum Impressum AGB Datenschutz 自定义CSS: #main_nav .custom-li { padding: 0 !important; border-width:0 !important; } #main_nav .custom-bottom-li { border-top-width: 0 !important; } #main_nav .custom-collapsible { margin-top:-7px; margin-bottom: -9px; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: […]