Tag: jquery mobile

JQuery Mobile在changePage期间显示加载中断: 我正在使用JQM构建移动Web应用程序。这是非常基本的，首页显示链接项目列表。当用户单击链接时，JQM会动态注入显示项目特定详细信息的页面。问题是，当用户点击链接时，我需要应用程序显示加载动画，而JQM通过ajax获取页面并显示它。这是代码： // Listen for any attempts to call changePage(). $( document ).bind( “pagebeforechange”, function( e, data ) { // We only want to handle changePage() calls where the caller is // asking us to load a page by URL. if ( typeof data.toPage === “string” ) { // We are being […]

jQuery Mobile：如何获得范围滑块的更改事件？: 我想要做的就像代码：当值大于10时，显示> 10，或显示1 – 10.它工作正常。但是，如果我取消注释jquery mobile，它就不再起作用了。 <!—-> as display function test(){ var v = $(‘#range’).val(); if(v 10′); }

扩展$ .mobile.changePage以接受更多选项？: 我想扩展$ .mobile.changePage以接受更多选项，例如在页面完成加载时添加回调函数以及为contentType等AJAX调用添加更多选项。有没有办法在不更改源代码的情况下执行此操作？如果没有，我愿意为教育目的更改源代码，但无法在jQuery Mobile GitHub中找到它： https ： //github.com/jquery/jquery-mobile 。感谢您的帮助或指导。

基于滑动事件在jQuery Mobile中更新菜单: 我有一个基于点击事件更新的菜单，这非常简单，因为我可以点击实际按钮，但如何通过滑动使菜单对页面更改作出反应？这是我工作的JSFiddle，允许点击和滑动： http ： //jsfiddle.net/QFX5x/1/ 我开始使用pagebeforeshow和.mobile.path.parseURL作为哈希标记，但它不一致。 $(document).live(“pagebeforeshow”, function() { var obj = $.mobile.path.parseUrl(window.location.href); var newPage = ‘.’ + obj.hash; alert(newPage); //$(newPage).addClass(“active”); //$(newPage).siblings().removeClass(“active”); });

JQuery移动底层空间: 我正在创建我的网站的移动版本，它在页面底部有一个巨大的空间。我尽我所能去除它但它甚至没有膨胀。有关如何解决此问题的任何建议。这是链接我尝过类似的东西 body { margin-bottom: -25px;} 它仍然无法正常工作。

Jqmobile中的数据转换和数据混合: 在我的Jqmobile代码中，我试图通过对锚链接应用data-transition=”slide”来传输页面。问题是链接页面有我自己编写的自定义jquery …当我点击数据转换的锚点时=“幻灯片”和href然后它肯定过境但链接的页面自定义jquery脚本不运行…我尝试使用data-ajax-“false”但在这种情况下自定义脚本运行但不是data-transition=”slide” 。 ..我想要两个人一起跑……难道可能……？这是简单的自定义，在这我是显示/隐藏输入框.. $(document).bind(“pageinit”, function(){ $(‘#near_index’).hide(); $(‘#find’).click(function() { $(‘#near_index’).show(); }); }); 这是HTML， Category 2

JQM pagebeforechange和事件源: 听pagebeforechange事件…… $（document）.bind（“pagebeforechange”，function（event，data）{ //事件是从锚标记触发的… //这里是否可以引用锚（或event.srcElement） }）; 要么 ….. 如果有人想尝试一下，下面是一个简单的示例…… Main menu $(document).bind(“pagebeforechange”, function (event, data) { if (typeof data.toPage === “string”) { //event is triggered from an anchor tag… //Is it possible to get reference to anchor( or event.srcElement) here event.preventDefault(); } }); Animals

无法复制Jquery Mobile Autocomplete演示: 我试图用我自己的远程数据源复制这个演示： http://demos.jquerymobile.com/1.4.5/listview-autocomplete-remote/ 我的HTML页面与演示完全相同，但有一点不同： url: “http://localhost/sample.php”, 这是我的虚拟远程数据源sample.php <?php $a = array('apple', 'mango'); echo json_encode($a); 这里可能缺少什么？由于我的虚拟数据只是一个简单的数组，我期待它会自动完成”apple”, “mango”但什么都没有出现。编辑：我尝试了以下，仍然无法正常工作： <?php $a = array("apple", "mango"); header('Content-Type: application/javascript; charset=utf-8'); echo $_GET['callback'].'('.json_encode($a).');';

点击太快可以跳过jQuery Mobile中的一些操作吗？: 我有一个显示项目列表的jQuery Mobile应用程序。单击向上或向下按钮时，我可以选择一个项目并向上或向下移动。当我通过单击按钮向上或向下移动项目时，将交换显示的项目以及项目ID。然后我发送一条带项目移动步骤的ajax post消息。我所看到的是，如果我点击太快，有时候项目不会按预期的方式移动。还可能发生item-id变得重复，好像该函数已经在item-id交换操作的中间被中断。这是一个众所周知的function？有避免这种情况的解决方案吗？这是移动项目的代码 $(“#btnListUp”).on( “click”, function(evt) { if( selectedItem && !selectedItem.hasClass(‘ui-first-child’) ) { var prev = selectedItem.prev(); var prevId = prev.attr(‘item-id’); var thisId = selectedItem.attr(‘item-id’); var step = (parseInt(prevId) – parseInt(thisId))+”; prev.attr(‘item-id’, thisId ); selectedItem.attr(‘item-id’, prevId ); prev.detach().insertAfter(selectedItem); $(‘#ShopList’).listview(‘refresh’); $.ajax( {type: ‘POST’, url: thisId+’/moveUp’, data : step, […]

滑块只是在第一页（jQM）上工作，但在第二页，第三页和第二页上都失败了: 各位大家好，我在JQM多页文档上遇到Swiper问题。我在JQM项目中通过http://www.idangero.us/sliders/swiper/使用Swiper。我可以在我的Multipage JQM文档结构的第一页上显示幻灯片并正常工作。但是，当我尝试将滑块放到第一页以外的其他JQM页面时，幻灯片“将加载和显示”但“工作不正常”。无法正常工作的说明：加载错误将导致整个滑块的宽度不正确，内容/列表未完全加载并且滑动手势无法正常工作，因为当向左/向右滑动时，它应停在每张幻灯片上。请帮忙，谢谢。以下两个示例，首先我在JQM文档的第一页上加载Swiper，它的工作原理如下：这是工作滑块的JSfiddle [第一页] ： http ： //jsfiddle.net/h73k2/11/ Your New Application Page One I’m first in the source order so I’m shown as the page. View internal page called Page Two Page Footer Page Two I’m the second in the source order so I’m hidden when the page […]