Tag: jquery mobile

如何在不重新加载页面的情况下动态更改jquery移动页面主题？: 当最初加载页面时，jQuery mobile会根据数据主题属性在元素上应用不同的类名：例如，如果data-theme =’a’，则将’ui-bar-a’添加到栏中。我想动态更改JQM页面上的主题，而不重新加载页面本身，就像JQM themeroller所做的那样： http ：//themeroller.jquerymobile.com/？ver = 1.3.2 但是更改data-theme属性不会触发主题切换，JQM javascript仍然需要重做它在初始页面加载时所执行的操作。如何触发jquery mobile重新呈现页面？我查看了文档，但没有找到任何API。相关问题：动态改变主题

在jquery mobile中提交表单后，PopUp对话框无法正常工作: 我正在做一个简单的表单提交。在表单提交我有表单action =“https://stackoverflow.com/questions/15261618/popup-dialogs-not-working-after-form-submit-in-jquery-mobile/Facility.aspx”.on https://stackoverflow.com/questions/15261618/popup-dialogs-not-working-after-form-submit-in-jquery-mobile/Facility.aspx我正在使用对话框弹出窗口。在表单提交后这些对话框不起作用但它们之前正在工作提交表格。第一表格HTML： Facility Back Facility* Description* submit Top 脚本： $(‘#arealistpage’).live(‘pageshow’,function(event){ var serviceURL = ‘service1.asmx/SubmitList’; $(‘#mysubmit’).bind(‘click’, function(e){ $.ajax({ type: “POST”, url: serviceURL, data: ‘{“name”:”‘ + name + ‘”}’, contentType: “application/json; charset=utf-8”, dataType: “json”, success: successFunc, error: errorFunc }); }); function successFunc(data, status) { // parse it as object // var outStr = JSON.parse(data.d); // […]

jQuery .append（）jQuery Mobile列表中的JSON数据在刷新页面时添加重复项？: 我需要帮助。我找不到我的错误。出于某种原因，当我追加ul时，我会得到重复的li。我创建了一个AJAX搜索，用于在keyup上搜索结果。问题是，当我离开页面时，例如，如果我点击个人资料并返回，如果我搜索相同的关键字，我会得到重复的结果。这是非常奇怪的，因为我在输入任何内容之前清空（）我的ul。它可能是非常简单但我无法找到的东西。这是我的jQuery追加我的ul： $(document).delegate(“#search”, “pageshow”, function() { $(“#search input”).focus(function() { $(“ul#search_list”).empty(); $(this).val(“”); localStorage.search = “”; }); $(“#search input”).keyup(function() { $(“ul#search_list”).empty(); localStorage.search = $(“#search input”).val(); var result = “”; $.ajax({ url: ‘/app/users/search/’+localStorage.search, dataType: ‘jsonp’, jsonp: ‘jsoncallback’, success: function(data) { $.each(data, function(i,item){ var result = ” + item.name + ” + item.location + […]

从动态创建的select选项调用时，JQuery Mobile changePage（）片状？: 我有一个带有简单选择菜单的Jquery Mobile页面。 Heroes: Choose One… Option 1 Option 2 在事件pageinit ，我使用jQuery来从.remove()选择菜单中的所有内容，然后我动态添加许多选项。当然，我不会忘记刷新选择菜单。 function populateHeroNames(){ //populate hero select item $(‘#heroSelectMenu’).empty(); $(‘#heroSelectMenu’).append(‘Please Choose…’); for(var i=0;i<heroNameLength;i++){ if(heroName[i]){ var currentHeroName = heroName[i]; }else{continue;} $('#heroSelectMenu').append('’+currentHeroName+”); } //refresh hero select item var heroSelectMenu = $(“#heroSelectMenu”); heroSelectMenu.selectmenu(“refresh”); console.log(‘heroes added!’); } 我的问题是我无法成功导航到以编程方式创建的选项的不同页面。我可以从硬编码选项中做到这一点。当我点击硬编码选项时，我可以正常使用$.mobile.changePage() 。但是从编程创建的选项中，我导航到的页面将消失，然后返回到初始页面。在测试中，当我点击后退按钮时，我实际上是去了我的目的地。所以很明显JqueryM已经导航到了目的地，但后来出于某种原因又回来了。我怀疑原因是Jquery Mobile的奇怪DOM加载。有什么我需要刷新……或者可能防止刷新？只需导航到页面……并留在那里！

点击事件没有在jQuery Mobile中触发？: 看到这个小提琴： http ： //jsfiddle.net/Bg9Zx/5/ 相关代码： Locate me $(“#loc”).click(function(){ alert(‘locate clicked!’); }); 为什么.click（）事件不会被触发？如果我不引用jQuery Mobile，那么工作得非常好。谢谢！

jQuery导航栏出现在内容宽度之外: 我有一个非常讨厌的问题，即持久性jQuery导航栏出现在内容宽度之外，比页面上其他内容宽得多，这是我在预览HTML时看到的：在使用将内容宽度设置为设备宽度，它具有标题和文本元素，但不适用于导航栏。这是我上面的完整HTML文件： My Page Home Home Home Tweets 有没有办法将导航栏压入主内容窗口？谢谢编辑：如果我从body标签中删除id=”content” ，那么宽度会正确调整，但是通过这样做我在Worklight启动时会遇到各种失败，因为它引用了“内容”ID标记，因此我认为存在冲突身体和div都在争夺content的ID ……

带有phonegap和jquery mobile的$ .getScript和css问题: 这是我的文件。保留/www/js/index.js原样。页面流应该是： app starts – > index.html – >从indexB.js加载MainPage.html – > MainPage.html但是所有的css都没有加载。当我从index.html中删除’body onload =“init（）;”’并复制并过去MainPage.html到index.html的主体时，css没有问题。由此，我检查了所有的css路线都是正确的。 /www/index.html /www/js/indexB.js var pagesHistory = []; var currentPage = {}; var path = “”; function init(){ $(“div[data-role=’page’]”).load(path + “pages/MainPage.html”, function(){ $.getScript(path + “js/MainPage.js”, function() { if (currentPage.init) { currentPage.init(); } }); }); } /www/pages/MainPage.html $.getScript(path + “js/MainPage.js”); Friends […]

如何处理它们在查询移动中跳出（键盘打开时）？: 我正面临一个问题，当用户点击文本字段时我的上升了吗？我正在使用query mobile 1.3。这是我同样的问题。为什么在文本字段中输入文本时它们会上升？解决方案jQuery Mobile Responsive Panel和Textarea我使用此解决方案但未获得正确的结果。这是我的手机1.3 js http://jsfiddle.net/fMWnz/ 在哪一行我应该改变，以便它可以工作 (function(root, doc, factory) { if (typeof define === “function” && define.amd) { // AMD. Register as an anonymous module. define([“jquery”], function($) { factory($, root, doc); return $.mobile; }); } else { // Browser globals factory(root.jQuery, root, doc); } }(this, document, function(jQuery, window, […]

JQuery for mobile safari：on（）失败: 我正在尝试为移动网页更改动态生成的DOM元素的某些类。我通常的方法，jquery on()没有正确地获取事件。 “delegate()” ，我的备份工作也都没有。我正在使用JQuery版本“http://code.jquery.com/jquery-1.7.min.js”

使用适当的jQuery Mobile样式一致地更新页面: 我有一个项目列表，当我点击它时，我想查看它们的更多细节。这些项目的信息不可用，我需要发出API请求以获取必要的数据，然后我在jquery模板中呈现这些数据。然后将模板添加到jquery移动页面。以下是我用来尝试更新页面的一些代码 function updateProductDetails(data){ var productDetailsData = data[‘product’] var productDetailsPage = $(“#productDetails”) var templateData = $(“#productDetailsTmpl”).tmpl(productDetailsData); productDetailsPage.html(templateData); //ISSUE IS HERE — The following works when I load a template // for the first time, after that it doesn’t work as expected. productDetailsPage.page(); $.mobile.changePage(“#productDetails”); } function loadProductDetails(productId){ $.mobile.pageLoading(); $.ajax({ url: ‘/admin/products/’+productId+”.json”, success: function(data, status, […]