Tag: jquery mobile

使用jquerymobile和phonegap for android的滑动function不起作用

我是手机上的新手。我正在使用phonegap为android在eclipse中创建应用程序。我在xml文件夹中添加了手机gap.jar和插件。我还添加了jquery库和phonegap1.1.0 js。 我试图实现滑动function,将一个页面导航到另一个页面,但它无法正常工作。可以告诉我们如何解决问题吗? 我在我的活动中使用inex.html调用这是我的index.html sample check Swipe Right to smple check page 这是我的js文件包含在内 $(“#listitem”).swiperight(function() { $.mobile.changePage(“file:///android_asset/www/samplecheck.html”); }); 谢谢你的帮助

jQuery Mobile样式用于异步包含的div

我正在使用jQuery Mobile库开发一个移动网站。 我在主页上有一个页眉,一个页脚和一个内容区域,并使用以下代码将任何链接加载到内容区域: $(“a”).click(function() { var toLoad = $(this).attr(‘href’); // Loading image $(‘#content-body’).html(‘<img src="https://stackoverflow.com/questions/8361705/jquery-mobile-styles-for-an-asynchronously-included-div//img/ico/loader.gif” />’); $(‘#content-body’).load(toLoad); 这很好,除了jQuery Mobile样式不适用于这种方式包含的内容。 例如, home包含按钮: Inventory 但是当我将该页面异步加载到content div中时,链接不会显示为按钮。 有没有办法告诉jQuery Mobile每次重新加载#content应用移动样式?

jQuery mobile将参数从一个页面传递到另一个页面

我目前正在使用表单来导航并将表单参数从一个页面传递到另一个页面并通过查询字符串。 FirstPage表单代码 Username: 在新页面中,我试图使用document.URL获取查询字符串值。 当旧页面指向新页面时,仅执行新页面的正文内容。 脚本文件不在新页面中执行。 因此,我无法在新页面中获取查询字符串值。 将参数从一个页面传递到另一个页面的过程适用于常规HTML页面,但在jQuery Mobile的情况下不起作用。 任何人都可以建议我将参数从一个jQuery Mobile页面传递到另一个页面的更好方法。 任何帮助表示赞赏。

为什么克隆的DIV中的SELECT在刷新时有错误的行为?

我正在使用jQuery Mobile的.clone()函数来克隆表单中的div,因此我可以使用可重复的部分,但现在我遇到了嵌套选择的问题。 克隆div并使用新id更新嵌套选择后,在下一次’刷新’之后会发生奇怪的事情。 发生的事情很奇怪,select只是加倍并将其自身置于现有的select中,因此结果如下: 浏览器是Safari,我没有对其他浏览器进行任何测试,因为我只需要在Safari上运行此代码。 我克隆div的方法是: var div = $.mobile.activePage.find(‘.repeatable’).last().clone(); 克隆,然后我更新ID: var newValue = pid +’-‘ + index; $(this).attr(‘id’, newValue); $(“label[for='”+ old +”‘]”).attr(‘for’, newValue); 并且,最后,我刷新所有选择以选择正确的值.val()被调用: if ($(this).data(‘role’) === ‘select’) { $(this).selectmenu(); $(this).selectmenu(‘refresh’); } 调用代码的最后一部分时会出现问题。 在选择正确显示但无法正常工作之前,一旦刷新了选择,它就会以正确的方式开始工作,但是UI被弄乱,因为它已被加倍并作为原始元素的子项放置。 我在克隆按钮之前按以下方式添加div: $(‘#clone_button’).before(div); 这个问题的根源是什么? 编辑:看起来这可能是jQuery Mobile的一个错误: 例子 。

仅应用jquery mobile的一部分页面?

我有一个样本页面,我们设计得非常好。 现在,我们需要使用jquery mobile只占我们页面的一部分。 问题是,当我添加jquery mobile时,它会弄乱我的所有UI内容。 是否有办法将jquery mobile仅应用于页面的一部分?

将动态生成的列表中的数据从一个页面传递到另一个页面

在我的jquery移动应用程序中,我有一个动态生成的列表视图,我想要做的是当用户单击列表项时,我想从listitem中的隐藏字段获取值并将该值传递给另一个页面以便我可以根据该变量值进行查询。 (这是多页布局) 由于我与第一页在同一个DOM中,我假设我可以使用普通的旧变量访问数据并传递给另一个页面。 我需要知道的是,如何从动态生成的列表中获取值。 任何帮助,将不胜感激。 Today’s Journey <a href="#journeydetails?id=” id=”journeyDetailsDriver” data-transition=”flip” > <img src="https://stackoverflow.com/questions/16082357/pass-data-from-a-dynamically-generated-list-from-one-page-to-another/” class=”thumb-speaker-small” alt=”” /> //VALUE I NEED FROM HIDDEN FIELD <input type="hidden" name="journeyID" id="journeyID" value="”>

REMOVING checkboxradio时jQueryMobile未捕获exception

得到这条消息: Error: cannot call methods on checkboxradio prior to initialization; attempted to call method ‘refresh’ 我按照这里的演示: 丑陋的杂种 这是我的JS片段: function(){ var $pbNum = $(”+ ”+ _val+ ”), $pbNumChk = $($pbNum[0]).on(“change”, function(ev){ $pbNum.remove(); // UNCAUGHT EXCEPTION: “cannot call methods on checkboxradio prior // to initialization; attempted to call method ‘refresh'” }); $pbnumList.controlgroup(“container”).append($pbNum); $pbNumChk.checkboxradio(); // Have also tried […]

我怎样才能使jquery移动“pagebeforeshow”事件每次都发生火灾,而不仅仅是刷新

我有一个jquery移动页面,使用以下代码在访问页面时隐藏按钮。 $(‘div:jqmData(role=”page”)’).live(‘pagebeforeshow’,function(){ $(“#apply_btn”).hide() }); 我的问题是该事件仅在刷新页面时触发,而不是在从站点中的其他位置到达页面时触发。 我已尝试使用“pageshow”事件和“pageinit”事件,但它仍然只在刷新页面时触发。

Jquery Mobile – 默认情况下启用Ajax,但我在POST时获得整页刷新

我使用ASP.NET MVC创建了一个jQuery mobile应用程序,并在jQuery移动文档中提到,默认情况下,Ajax在单击链接或提交表单时启用了页面转换。 就我而言,当我提交表格时, 我得到整页刷新,我没有看到旋转装载机。 我得到一个空白页面,然后页面加载。 我的页面类似于一个调查页面,其中将显示一个问题,其中包含要选择的选项列表,然后单击“下一步”。 当用户单击“下一步”时,它将提交表单并通过控制器提取下一个问题。 所以我不确定我错过了什么。 请指教 提前致谢

jQuery Mobile Cordova(Phonegap)在每个页面的底部留下空白区域

对于我的每个jQm页面,每个页面的底部似乎都有一些空白区域,并且它无缘无故地添加滚动行为。 我附上了截图。 这种不必要的滚动行为给我带来了很多麻烦。 我在firebug中检查了页面,似乎jQm正在添加“min-height:213px;” 到页面。 在firebug中删除它似乎解决了这个问题,但我不知道在哪里可以找到问题的根源。 我不能在这里附加代码示例,但它是jQm的干净安装。 我错过了什么,一件简单的事情? 我在这里尝试了一些其他类似的问题但无济于事。 大多数人说添加填充:0 margin:0等等但我认为这是一个jQm问题,因为min-height代码在html的样式元素上。 你可以看到白框,显然没有内容强制滚动