Questions tagged «jquery-mobile»

jQuery Mobile是针对智能手机和平板电脑的触摸优化的Web框架。它在所有基于jQuery的流行移动设备平台上提供了统一的用户界面系统。

5
jQuery Mobile:准备文档与页面事件
我正在使用jQuery Mobile,并且无法理解经典文档就绪和jQuery Mobile页面事件之间的区别。 真正的区别是什么? 为何要 <!-- language: lang-js --> $(document).ready() { }); 胜过 $(document).on('pageinit') { }); 从一页切换到另一页时,页面事件的顺序是什么? 如何将数据从一页发送到另一页,并且可以访问前一页的数据?

14
如何检查复选框是否已选中?
我正在使用jQuery Mobile构建移动Web应用程序,我想检查是否已选中复选框。这是我的代码。 <script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You didn't check it! Let me check it for you.") } } </script> <input id="remember" name="remember" type="checkbox" onclick="validate()" /> 但是由于某种原因,它无法执行。 请帮忙 ! ----编辑-----这就是我目前所拥有的。 <DIV data-role="content" data-theme="g"> <DIV class=ui-grid-g-login> <FORM method=post action=[$=PROBE(266)/] data-theme="C"> <P>~DATA_ERROR~</P> <div id="mail" …


19
长按JavaScript吗?
是否可以在JavaScript(或jQuery)中实现“长按”?怎么样? (来源:androinica.com) 的HTML <a href="" title="">Long press</a> 的JavaScript $("a").mouseup(function(){ // Clear timeout return false; }).mousedown(function(){ // Set timeout return false; });

5
twitter-bootstrap与jquery-mobile [关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引用的形式回答。 7年前关闭。 改善这个问题 我想知道是否有人可以就哪个“更好”给出建议。Twitter-bootstrap还是JQuery mobile? 谢谢,-彼得

11
如果CDN失败,如何退回到本地样式表(不是脚本)
我正在链接到CDN上的jQuery Mobile样式表,如果CDN失败,我想回退到样式表的本地版本。对于脚本,解决方案是众所周知的: <!-- Load jQuery and jQuery mobile with fall back to local server --> <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='jquery-1.6.3.min.js'%3E")); } </script> 我想为样式表做类似的事情: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> 我不确定是否可以实现类似的方法,因为我不确定浏览器在链接脚本时是否以与加载脚本时相同的方式进行阻止(也许可以在script标签中加载样式表,然后将其注入页面)? 所以我的问题是:如果CDN失败,如何确保样式表在本地加载?



4
jQuery和jQuery Mobile之间的区别?
我是移动Web开发的新手,我刚刚使用PhoneGap开发了一个移动应用程序,并经常使用jQuery。 但是自然会有一些小故障,与我格式化内容的方式以及它们实际在我正在测试的移动设备屏幕上显示的方式有关,在尝试解决这些问题时,我偶然发现了许多建议,以通过使用jQuery mobile。 现在这让我感到困惑-jQuery在格式方面一无所获。那只是我初学者对移动CSS的了解,从而导致了这些问题。 那么jQuery mobile到底有什么作用?它与普通jQuery有何不同?如果我已经知道jQuery,那么对我来说会有什么新鲜事?

10
消除移动Safari中点击事件的300ms延迟
我了解到,从单击链接/按钮到事件触发之间,移动Safari的点击事件会延迟300毫秒。延迟的原因是等待用户是否打算双击,但是从UX的角度来看,等待300ms通常是不希望的。 消除这种300毫秒延迟的一种解决方案是使用jQuery Mobile“点击”处理。不幸的是,如果我只需要touchend以正确的方式应用一两行代码,我就不会熟悉这个框架,也不想加载一些大型框架。 像许多网站一样,我的网站也有许多如下点击事件: $("button.submitBtn").on('click', function (e) { $.ajaxSubmit({... //ajax form submisssion }); $("a.ajax").on('click', function (e) { $.ajax({... //ajax page loading }); $("button.modal").on('click', function (e) { //show/hide modal dialog }); 而我想做的就是使用一个简单的代码片段消除所有这些单击事件的300ms延迟: $("a, button").on('tap', function (e) { $(this).trigger('click'); e.preventDefault(); }); 这是一个好主意吗?

1
如何使用jQuery-Mobile和Knockout.js构建Web应用程序
我想构建一个移动应用程序,仅用html / css和JavaScript编写。虽然我对如何使用JavaScript构建Web应用程序有相当的了解,但我认为我可以研究一下jquery-mobile之类的框架。 起初,我认为jquery-mobile只是针对移动浏览器的小部件框架。与jquery-ui非常相似,但适用于移动世界。但我注意到jquery-mobile不仅如此。它带有许多体系结构,让您使用声明性html语法创建应用。因此,对于最容易思考的应用程序,您无需自己编写一行JavaScript(这很酷,因为我们都喜欢减少工作量,不是吗?) 为了支持使用声明性html语法创建应用程序的方法,我认为将jquery-mobile与kickoutjs结合起来是一个好方法。Knockoutjs是一个客户端MVVM框架,旨在将WPF / Silverlight中已知的MVVM超级功能引入JavaScript世界。 对我而言,MVVM是一个新世界。虽然我已经阅读了很多关于它的内容,但是我以前从未真正使用过它。 因此,这篇文章是关于如何一起使用jquery-mobile和kickoutjs构建应用程序的。我的想法是写下看了几个小时后想到的方法,并用一些jquery-mobile / knockout yoda进行评论,向我展示为什么它很烂,以及为什么我不应该一开始就进行编程地方;-) HTML jquery-mobile很好地提供了页面的基本结构模型。尽管我很清楚以后可以通过ajax加载我的页面,但我只是决定将所有页面保存在一个index.html文件中。在这种基本情况下,我们谈论的是两页,因此掌握所有内容并不难。 <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="libs/jquery-mobile/jquery.mobile-1.0a4.1.css" /> <link rel="stylesheet" href="app/base/css/base.css" /> <script src="libs/jquery/jquery-1.5.0.min.js"></script> <script src="libs/knockout/knockout-1.2.0.js"></script> <script src="libs/knockout/knockout-bindings-jqm.js" type="text/javascript"></script> <script src="libs/rx/rx.js" type="text/javascript"></script> <script src="app/App.js"></script> <script src="app/App.ViewModels.HomeScreenViewModel.js"></script> <script src="app/App.MockedStatisticsService.js"></script> <script src="libs/jquery-mobile/jquery.mobile-1.0a4.1.js"></script> </head> <body> <!-- Start …

5
Phonegap + jQuery Mobile,真实示例或教程
有谁知道一个真正好的教程或示例项目,其中将Phonegap和jQuery Mobile用作现实示例? 我发现的所有示例都在jQuery Mobile中显示了花哨的过渡或主题。Phonegap示例主要展示了Phonegap API。 我找不到一个使用Phonegap和jQuery Mobile解决现实世界问题的示例,例如编写结合Phonegap和jQuery Mobile进行用户输入验证,保存数据,将数据上传到Web服务等的应用程序。


8
触摸移动某些元素时禁用滚动
我有一个页面,其中有一个部分可以绘制草图。但是,在移动浏览器上使用touchmove事件(至少是垂直事件)时,也会滚动页面(这会降低绘制体验)。有没有一种方法可以a)禁用并重新启用页面滚动(因此我可以在每行开始时将其关闭,但在完成每一行后将其重新打开),或b)禁用默认处理画草图的画布上的touchmove事件(大概是滚动)(我不能完全禁用它们,因为草图使用它们)? 我已经使用了jquery-mobile vmouse处理程序作为草图,如果有区别的话。 更新:在iPhone上,如果我选择要在其上绘制草图的画布,或者在绘图之前只是握住手指一点,该页面就不会滚动,这也不是因为我在页面中进行了编码。

3
HTML5-跨浏览器iframe postMessage-子级到父级?
我一直在关注本教程-http : //www.youtube.com/watch?v= R2hOvZ7bwXU,该教程说明了如何使用postMessage在iframe和父级之间安全地传递消息-您基本上得到了这样的内容-http ://html5demos.com/postmessage2 我的问题是我需要它以相反的方式工作(子级到父级),并且不知道如何定位父级窗口。 这是我的接收方代码(在父级中): function handleMsg(e) { if(e.origin == "http://uc.dialogue.net") { let blah = e.data; alert(blah); } else { alert("error"); } } addEventListener("message", handleMsg, true); 这是由简单形式(在子级中)触发的发送方函数: let text = document.querySelector('.srchInput').value; window.parent.postMessage(text, "http://uc.dialogue.net"); 我应该以其他方式定位父母吗? 干杯保罗

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.