Tag: jquery mobile

在Twitter Bootstrap中使用tap事件

我正在使用twitter-bootstrap开发一个可以在多个设备上呈现的Web应用程序。 现在我想处理’tap’事件。 所以我的问题是： 我可以使用jquery 1.7.2处理’tap’事件而不使用jqueryMobile吗？ 如果上述问题的答案为否，那么如何将jqueryMobile与twitter-bootstrap集成。 因为我尝试在我的twitter-bootstrap页面中包含jQueryMobile js，当我使用它时，页面中断！

jQuery Mobile绑定事件

我对jquery mobile有点问题。 总是我的页面被称为此function运行。 $(document).bind(‘pagechange’, function () { // peforms ajax operations }); 问题是每次查看我的页面时都会增加调用ajax的次数…例如：如果页面被查看5次，下次将执行相同的ajax请求6次。 我正在使用asp.Net MVC 4。 完整代码： @{ //ViewBag.Title = “Consulta”; Layout = “~/Views/Shared/_LayoutMenu.cshtml”; } (…) some html code (…) $(document).bind(‘pagechange’, function () { $(‘#info’).css(‘visibility’, ‘hidden’); $(‘#name’).keypress(function (e) { if (e.keyCode == 13) { var code = $(this)[0].value; $.ajax({ url: ‘/Consulta/ObterDadosPulseira’, data: $(this).serialize(), success: function […]

如何从listview JQUERY mobile中删除元素

有一个列表视图，这是在加载页面时动态加载的。 这会在列表视图中添加元素。 问题是我放置了后退按钮。在转到上一个屏幕并返回当前屏幕后，它正在加载数据并附加到列表视图。 I need to remove the elements from the list view. The HTML code snippet. Jquery Code Snippet. $(“#mypmenu”).append(‘ ‘+ this.textContent + ‘ ‘); Now i need to remove the elements from the list view (mymenu)which are loaded already.

JQuery Mobile转换停止在长页面上工作

我遇到了从长页面底部运行时不再出现页面转换的问题。 这是一个jsfiddle： http ： //jsfiddle.net/7WVHA/7/ 如果打开示例并单击黑色导航按钮，则转换将按预期运行。 但是，如果您返回到长页面，请滚动到底部并再次运行它，不再发生转换，第二页就会立即显示。 任何帮助将不胜感激。 Long Page DO TRANSITION TEST BOX 1 TEST BOX 2 TEST BOX 3 TEST BOX 4 TEST BOX 5 TEST BOX 6 TEST BOX 7 Short Page Back Short page

在jquery mobile中添加动态内容时的正确格式

我正在尝试动态地将一些内容添加到jQuery Mobile中可折叠 项目中的复选框列表中。 我无法通过漂亮的圆角和分组项目获得正确的格式。 当我在叶级添加其他元素时，情况变得更糟。 这是一个显示问题的示例（显然在标题中添加jquery和jquerymobile脚本和CSS）： list 1 text list 2 here comes another list of checkboxes… function addCheckbox() { $(“#list1 fieldset”).append(‘More text’); } 我试着在调用append() .page()之后添加.page()但是它虽然好一点但是没有正常工作。 除了我的例子，通用的问题是如何在jQuery Mobile玩弄DOM结构之后动态地将内容附加到DOM树。 我相信存在一个“jquerymobilizes”部分树的function，但我找不到它。 非常感谢你的帮助！ 编辑：简而言之，我试图动态地将元素添加到listview一个 元素中，而不是尝试将元素添加到列表本身。 刷新listview在这里似乎没有帮助。 编辑2：当我找到可以链接到.append()的.trigger(“create”)函数时，我越来越近了（参见JQM FAQ ）。 使用以下脚本虽然data-role=”controlgroup”没有提供带有漂亮圆角框的正确格式，但效果稍好一些。 $(“#list1 fieldset”).append(‘More text’).trigger(“create”); 如果我在某个时候到达那里，我会发布完整的答案。 编辑3：这是我在jsFiddle中说明的例子

Jquery ui可以对移动设备进行排序和拖动

我有一个jQuery UI可排序列表。 我试图让它在移动设备上运行。 我使用了触摸打孔解决方法。 为了滚动我必须停用可排序的function，我已经完成了这个并且在列表元素的taphold上激活可排序的function。 这工作正常，但问题是我希望在taphold上允许对元素进行排序。 现在它只是这样工作：taphold元素（taphold停止）然后我必须再次点击它以排序。 HTML代码： Block 1 Block 2 Block 3 Block 4 Block 5 Block 6 Block 7 Block 8 Block 9 Block 10 Block 11 Block 12 Block 13 Block 14 Block 15 Block 16 Block 17 Block 18 Block 19 Block 20 Block 21 Block 22 Block 23 JS代码： […]

如何在Jquery POST中获取HTTP错误响应代码

我有一个用于向服务器发送请求的包装函数，如果服务器返回401的代码，我需要做一些特定的事情，我不知道如何获取这些数据 $.mobile.showPageLoadingMsg(); $.post(apiUrl+method,p,function(d) { $.mobile.hidePageLoadingMsg(); console.log(d.success); console.log(d.message); if(d.success == true){ window[callback](d.data); } else{ if(d.message != null){ alert(d.message); } } },’json’) .error(function() { //need to check for 401 status here to do something $.mobile.hidePageLoadingMsg(); alert(“error”); }); 如果我的服务器端代码抛出一个401exception，jquery .error函数选择它只是因为它不是200 OK但我需要检查它是否是401代码。

在ASP.NET MVC 4中使用jQuery Mobile 1.3面板时双滚动条

我无法弄清楚这一点。 一旦我将以下代码放在布局页面中并在浏览器中查看它，我就会显示2个垂直滚动条。

jquerymobile动态更改按钮问题的文本

我正在尝试动态更改按钮的文本。 但是按钮的UI会搞砸。 知道为什么吗？ http://jsfiddle.net/L6xRZ/

使用Tabs小部件导航到页面会导致整个页面在选项卡面板中重新加载

我在jQuery移动应用程序上有一个页面，它有一个标签小部件，如下所示： Upcoming Events Latest News … … 当我直接在浏览器中加载包含此标记的页面时，一切正常。 但是，如果我从另一个页面导航到这个页面，事情会变得奇怪。 整个页面第二次加载并插入原始标记中关闭 之后的新div中。 看起来这只是为默认选项卡完成的。 我认为当包含它的页面通过AJAX加载完整的浏览器页面加载时，jQuery mobile正在做一些奇怪的事情。 我只是无法弄清楚为什么或导致它的原因！ 编辑：我已经为此付出了赏金。 我忘了提到我正在使用jQuery 1.11和jQuery Mobile 1.4.1。 我有jQuery UI标记的原因是因为jQuery Mobile显然直接从那里获取了标签小部件，没有改变。 我在pageinit和pageshow时pageinit 。 当我单击指向包含选项卡的页面的链接时，每个事件将被触发两次，一次一个。 第二个pageinit和pageshow是从JS执行的，它是从jQM动态插入到页面中的，而不是从加载了第一个应用程序加载的原始JS中执行的。 无论发生什么，都会导致整个页面被重新加载并插入到DOM中，所有的JS都会被第二次执行。 编辑2：请注意，这是在没有任何我自己的自定义JavaScript的情况下发生的。 之前我只是绑定到pageinit和pageshow所以我可以记录他们被解雇时，就是这样。 此外，选项卡中的内容似乎也无关紧要。 仅仅将选项卡窗格设置为空白并不能解决问题。 编辑3： 这是一个演示问题的链接 。 我已经删除了演示问题的链接，因为它是在我的个人网站上托管的，我确认这是一个错误。