Tag: jquery mobile

jQuery Mobile在初始化页面后添加内容时出现问题: 我正在使用jQuery Mobile和Backbone JS进行项目。它主要是工作，使用jQuery Mobile的事件’pagebeforeshow’来触发正确的Backbone View。在该特定jQuery Mobile页面的Backbone View中，它正在执行所需的所有动态操作。视图中的一些function是使用Underscore的模板系统提取某些位。这一切都很棒，直到我使用模板系统拉出表格。例如，一组动态单选按钮（从Backbone Collection生成）。这些单选按钮我希望使用jQuery Mobile提供的样式。目前，jQuery Mobile没有采用这些动态注入的单选按钮。我之前通过再次调用jQuery Mobile小部件“slider（）”方法来执行滑块时解决了这个问题，它似乎刷新了它们……这似乎不是这些单选按钮的情况。在Backbone View中，我尝试再次调用widget方法： $(this.el).find(“input[type=’radio’]”).checkboxradio(); $(this.el).find(“:jqmData(role=’controlgroup’)”).controlgroup(); 我也尝试过相反的方式，但似乎我需要这样做，以便分组样式工作等等。但这似乎不对！ …当我点击单选按钮时，这样做也会导致错误，说：“在初始化之前无法调用checkboxradio上的方法;尝试调用方法’刷新’”？似乎应该有一种方法在jQuery Mobile中重新初始化页面或什么？！我注意到源代码中有一个“页面”小部件。在页面制作完成后，jQuery Mobile如何处理注入DOM的表单/元素？是否有一种干净的方式来处理它如何构成表格？必须有一种干净的方式来调用表单来呈现’jQuery Mobile方式’而不依赖于基本HTML中的数据属性标记？任何对这个问题的帮助或见解都将非常感激……我非常喜欢尝试让Backbone JS和jQuery Mobile很好地协同工作。非常感谢，詹姆斯

如何删除jQuery Mobile中的圆角？: 如何从特定元素或使用jQuery Mobile的div标签中删除圆边（border-radius）？

使用jQuery模板动态创建jQuery Mobile页面: 我正在使用jquery mobile为UI和jquery模板构建一个锻炼目录来处理html。我已经能够将html附加到已创建的页面并通过.page（）函数获取jquery mobile来更改标记。但是，我希望能够创建新的jq移动页面。我可以使用data-role = page将代码注入到div中，并在其上调用.page（），这一切都很好。但是将一个完全制作的页面添加到正文中是行不通的。编辑：这个问题和我的答案是指jquery mobile alpha 3

如何在JQuery Mobile中更改页面时传递参数？: 我搜索了stackoverflow，但没有找到一个合适的解决方案来以编程方式更改jqm页面并传递一个（get）参数。我是jqm的新手，所以也许我在使用changePage（）函数传递数据时出错了。使用jquery mobile 1.1.1和jquery 1.8.0 我有一个列表，并希望所有项目都指向相同的#profile页面。在那个页面上，我想用ajax / json加载适当的数据。 Martin Johnny Luke 第一个链接工作，但没有id通过（显然）第二个链接不工作抛出exception（在chrome中）：未捕获错误：语法错误，无法识别的表达式：#profile？id = 3 第三个链接使用此function： function changePage() { $.mobile.changePage(“#profile”, { data: {id:1} }); //alert(‘page changed.’); return false; } 它会更改页面但url是basefile.html？id = 1但它应该是basefile.html #profile？id = 1 任何人都可以帮忙吗？非常感谢。

如何使用AJAX请求设置cookie值？: 我想在AJAX请求上设置cookie值，但下面的代码不起作用。 $.ajax({ type: “GET”, url: “http://example.com”, cache: false, setCookies: “lkfh89asdhjahska7al446dfg5kgfbfgdhfdbfgcvbcbc dfskljvdfhpl”, crossDomain: true, dataType: ‘json’, success: function (data) { alert(data); }); 如何在标题中设置cookie？

我是否必须为每个页面创建一个新面板？: 我想在jqm网站中使用Panel来选择我的选择语言组件。因此，每个页面都需要存在该组件。以下是单页面板的设置。来自jquerymobile.com （…我添加了一个标题按钮） choose language 我认为我有3个解决方案： A – 在每个页面上创建面板的副本—-如果page_N上的状态发生变化，那么这将是一个问题，那么所有其他的都需要同步 B – 创建一个在页面更改时以编程方式移动的单个面板 – 这看起来像是一个黑客 C – 发现jqm是否已经解决了这个问题—-因此我问的问题:) jqm有办法将Panel从一个页面移动到另一个页面吗？

jquery移动多个html文件vs多页: 在我的phonegap / jquery移动应用程序中，使用了多页面模型。 index.html拥有我的应用程序的所有页面，到目前为止6页。如果这个应用程序会增长太多而且在单个html文件中变成了19页，那会不会很糟糕？我创建了其他应用程序来测试并使用一个html文件到每个页面。但看起来每次更改页面时，整个DOM都会再次加载，是吗？请告诉我哪个结构更适合大型应用

jQuery移动克隆表单元素不起作用: 我在jQuery mobile中克隆一个表单，克隆的表单元素似乎不起作用。 IE选择列表不会更改值，您无法滑动范围滑块。我正在尝试使用以下代码克隆表单并在克隆表单的每个实例上增加名称和id值。 function newObservation() { var len = $(‘.observation’).length; var titleLen = $(‘.observation’).length + 2; var $html = $(‘.observationTemplate’).clone(); $(‘.observationTitle:eq(0)’).text(“Observation – ” + titleLen); $html.find(‘[name=audit-observation-category]’).eq(0).attr({name:”audit-observation-category” + len, id:”audit-observation-category” + len}); $html.find(‘[name=audit-observation-notes]’).eq(0).attr({name:”audit-observation-notes” + len, id:”audit-observation-notes” + len}); $html.find(‘[name=audit-observation-recommendation]’).eq(0).attr({name:”audit-observation-recommendation” + len, id:”audit-observation-recommendation” + len}); $html.find(‘[name=audit-observation-severity]’).eq(0).attr({name:”audit-observation-severity” + len, id:”audit-observation-severity” + len}); $html.find(‘[name=audit-observation-person]’).eq(0).attr({name:”audit-observation-person” + len, id:”audit-observation-person” + […]

将JQM Panel限制为仅限页面上的1个实例: 我正在使用单页开发JQM主题。我还有一个侧栏/面板，它是作为一个单独的html文件构建的。使用以下JS将此面板导入JQM页面; /* Creates the functionality to open the left side panel with a swipe */ $(document).one(“pagebeforecreate”, function () { $.get(‘left-panel.html’, function(data){ $.mobile.pageContainer.prepend(data); $(“[data-role=panel]”).panel().enhanceWithin(); // initialize panel }, “html”); }); 我已经将这个脚本放在每个页面底部加载的js文件中，因为“移动站点”的用户可以通过任何页面进入。我已经通过Firebug注意到，我导航到的每个页面都会添加一个面板实例。因此，如果我访问3页，面板将被加载3次，4页= 4个面板等。可以说我在JQ和JQM上相当新手，但我的印象是使用 $(document).one 意味着事件每页只发生一次，因此会阻止我遇到的问题。如果你可以帮我弄清楚如何防止这个问题，我真的很感激。

AJQ内容列表视图（’刷新’）的JQM（jQueryMobile）问题无法正常工作: 这是我正在做的嘲笑： function loadPage(pn) { $(‘#’+pn).live(‘pagecreate’,function(event, ui){ $(‘#’+pn+’-submit’).click( function() { $.mobile.changePage({ url: ‘page.php?parm=value’, type: ‘post’, data: $(‘form#’+pn+’_form’) },’slide’,false,false); loadAjaxPages(pn); }); }); function loadAjaxPages(page) { // this returns the page I want, all is working $.ajax({ url: ‘page.php?parm=value’, type: ‘POST’, error : function (){ document.title=’error’; }, success: function (data) { $(‘#display_’+page+’_page’).html(data); // removed .page(), causing page to […]