Tag: jquery mobile

Jquery移动列表视图 – 检查初始化完成

我把自己的方式写进了一个角落。 我需要在listview(“refresh”)上调用listview(“refresh”) ,但是在我调用refresh方法时可能没有初始化它。 有没有办法检查组件是否已初始化? 这是我得到的错误: 在初始化之前无法调用listview上的方法

JQuery解析JSON数组

我有一个JSON输出,如下所示: [“City1″,”City2″,”City3”] 我想获得每个城市名称,我该怎么做? $.getJSON(“url_with_json_here”,function(json){ }); 编辑: $.getJSON(‘url_here’, function(data){ $.each(data, function (index, value) { $(‘#results’).append(”+value+”); console.log(value); }); }); 以上似乎不起作用,没有输出值。

如何在jQM页面之间存储变量?

如何在两个jQueryMobile页面之间传递像username这样的变量? 或者两个常规页面,将变量作为全局变得不起作用,因为在下一个include中它将变量设置为null。 如何在两个html页面之间传递变量全局变量?

jQueryMobile将单击事件添加到按钮而不是更改页面

VERIFY 我正在使用上面的代码,这是一个带有onClick()设置的jQM按钮。 调用onclick并执行doSomething()但在此之后,jQM显示“错误加载页面”消息。 我该如何压制错误? 在这种情况下,我想要jQM按钮,但不希望它改变页面。 谢谢

JQuery Mobile .page()函数导致无限循环?

我正在使用来自AJAX响应的数据动态创建列表视图。 它成功创建了listview并填充它,但是当我在其上调用JQM的.page()函数时,它似乎进入了一个无限循环,其中listview永远被追加。 这是JQM中的错误还是我做错了什么? pageScript(function($context){ $context.bind(“pagecreate”, function(event, ui){ createMenu(); //function that deletes existing ul#menu and dynamically creates new one. $(‘ul#menu’).page(); //here’s where it causes a problem $(‘#menu a’).bind(‘click’, function(){ $.mobile.changePage($(this).attr(“href”), {pageContainer: $(“#primary-content”), transition: “fade”, changeHash: false, reloadPage: true}); return false; }); }); }); pageScript是一个允许我在JQM加载时运行页面级脚本的函数。 它在基本模板或index.html中定义: function pageScript(func) { var $context = $(“div:jqmData(role=’page’):last”); func($context); };

JQuery移动电子书开发

我正在为各种移动设备开发电子书。 这本电子书将涉及数学,它旨在为平板电脑和智能手机的初中儿童提供服务。 我的目标是使用JQuery mobile执行此操作,然后使用Phone-gap将其移植到各种本机应用程序,这些应用程序可以通过各种平台访问,例如android,iPhone等。我想知道是否有任何教程或帮助可以得到。 如果有人可以指出我可以建立的类似的东西,那将是非常有用的。 请注意,我想从头开始使用Jquery。 我们将非常感谢您在这方面的帮助。 先感谢您。

jquery移动背景图像

我正在构建一个jQuery移动网站,我正在尝试将可缩放图像插入到背景中,这将调整到手机的屏幕大小。 这是我的代码: Discover Dubrovnik .ui-page { background: transparent url(image.gif); } Header tex some text Neki izbornik 当窗口全屏时,我得到背景图像,但是当我调整它/缩小它时(比如手机中的屏幕),图像没有resize并且没有居中,所以我只能看到它的一部分… 连接的jQuery和CSS文件从jquerymobile.com下载

当键盘在移动设备上可见时,jquery / js / html5更改页面内容

可能重复: iPad Web App:在Safari中使用JavaScript检测虚拟键盘? 我正在为一个网站构建一个移动版本,我很感兴趣,如果我可以使用jquery / js / html5或任何其他技术创建相同的分屏效果,可以在虚拟键盘可见时在移动应用上进行。 例如,如果用户进入我的网页并单击输入文本字段,则会显示虚拟键盘,浏览器会自动缩放到输入文本字段所在的区域。 我想要的是能够在虚拟键盘可见时根据新的分辨率(屏幕高度 – 键盘高度),通过移动屏幕顶部的输入文本字段,然后根据一些提示更改我的页面内容用户在文本字段中输入的内容。 这是一些草图,看看我在说什么: 这是没有键盘的页面视图,结果基于搜索: 带有纵向键盘的页面,徽标消失,文本输入移至顶部,最多显示4个项目 带有横向键盘的页面,徽标消失,thext输入移动到顶部并放大,只显示2个项目 键盘是隐藏的,页面应该去fze 1。 希望这可以帮助。

从jQuery Mobile的常规链接中删除ajax调用

使用jQuery Mobile我想在DOM的特定部分内的链接上禁用ajax调用。 我不想放一个 data-ajax = false 每次我都不想使用jquerymobile ajax。 例如,任何“内容”子项的链接: External Link 我想将’data-ajax = false’添加到每个链接上,这些链接是’content’的孩子 有没有办法用jquery做到这一点?

由于虚拟键盘导致的window.resize会导致jquery mobile出现问题

我遇到了一个不寻常的问题,我正在寻找建议。 基本上,我正在使用: JQuery Mobile 1.1 JQuery 8.2 PhoneGap(cordova)2.1 在iPhone上我的应用程序的许多页面上,如果我将光标放入输入框,则会打开虚拟键盘。 这很好,也很期待。 问题出在这里:在某些情况下(但不是全部),将光标放入输入框会触发window.resize事件。 我通过以下代码validation了这一点: $(window).resize(function(e) { alert(‘The window resize occurred! Width: ‘ + $(window).width() + ” Height: ” + $(window).height()); debugger; return false; }); 在解析window.resize事件后,JQueryMobile立即决定将页面调整为不正确的高度。 我可以告诉它是页面,因为我为每个元素添加了不同的颜色边框以查看它是什么。 在许多情况下,这个resize的动作导致我的一半GUI在div的底部溢出,有时甚至使我的光标隐藏在div下面。 了解它的最佳方法是使用屏幕截图: 现在,我真的不希望任何人对此有一个确切的答案。 我只是在寻找调试技巧。 我在window.resize()事件中添加了一个“调试器”语句,并尝试逐步执行代码。 我希望能够引导一些旨在调整页面大小的其他resize的侦听器。 如果我能找到它,那么当有人选择表单元素时,我可以暂时削弱它,然后重新启用调整模糊或方向更改的大小。 问题是,我逐步完成了每行代码,调试过程在resize之前就停止了。 这让我想知道是否还有一些其他事件被从window.resize中解雇。 所以我在下面添加了两行: document.addEventListener(“throttledresize”, function() { alert(“throttledresize fired.”) }, false); document.addEventListener(“orientationchange”, function() { alert(“orientationchange […]