我正在使用jQuery Mobile,我无法理解经典文档就绪和jQuery Mobile页面事件之间的差异.
真正的区别是什么？
为何要
<!-- language: lang-js -->
$(document).ready() {
});
比...更好
$(document).on('pageinit') {
});
当您从一个页面转换到另一个页面时,页面事件的顺序是什么？
如何将数据从一个页面发送到另一个页面,是否可以从上一页访问数据？
我正在使用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" data-role="fieldcontain">
<label for="mail">Email:*</label>
<input id="mail" name="mail" type="email" />
</div>
<div id="pass" data-role="fieldcontain">
<label for="pass">Paswoord:*</label>
<input id="pass" name="pass" type="password" />
</div>
<div id="remember" data-role="fieldcontain">
<label for="remember">Onthoud mij</label>
<input id="remember" name="remember" type="checkbox" …是否可以在JavaScript(或jQuery)中实现"长按"？怎么样？
alt text http://androinica.com/wp-content/uploads/2009/11/longpress_options.png
HTML
<a href="" title="">Long press</a>
JavaScript的
$("a").mouseup(function(){
// Clear timeout
return false;
}).mousedown(function(){
// Set timeout
return false;
});
我想知道是否有人可以就哪个'更好'给出一些建议.Twitter-bootstrap或JQuery mobile？
谢谢,-peter
将JQuery Mobile和Phonegap一起使用的正确方法(截止日期)是什么？
两个框架都需要在可以使用之前加载.在使用它们之前,我怎么能确定它们都已加载？
我正在链接到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" />
我不确定是否可以实现类似的方法,因为我不确定浏览器在链接脚本时是否以与加载脚本时相同的方式阻塞(也许可以在脚本标记中加载样式表然后把它注入页面)？
所以我的问题是:如果CDN失败,如何确保本地加载样式表？
我是网络开发的新手,那里有太多的j*东西.我想知道这些框架之间有什么区别？
此外,为什么人们谈论使用jQuery创建插件？它不应该是一个JavaScript库,使您的网页更具互动性吗？
我是移动网络开发的新手,我刚刚使用PhoneGap制作了一个移动应用程序,经常使用jQuery.
但是自然有一些故障与我如何格式化事物以及它们实际出现在我正在测试的移动设备屏幕上的方式有关,并且在尝试解决这些问题时,我偶然发现了许多建议,以便通过使用更方便自己jQuery移动.
现在这让我很困惑 - jQuery没有格式化.这只是我初学者对移动CSS的一级知识造成的问题.
那么jQuery mobile到底做了什么,它与普通的jQuery有什么不同呢？如果我已经了解jQuery,对我来说什么是新的？
我想构建一个移动应用程序,除了html/css和JavaScript之外别无其他.虽然我对如何使用JavaScript构建Web应用程序有很好的了解,但我想我可能会看一下像jquery-mobile这样的框架.
起初,我认为jquery-mobile仅仅是针对移动浏览器的小部件框架.与jquery-ui非常相似,但对于移动世界而言.但我注意到jquery-mobile不止于此.它带有一堆架构,让你用声明性的html语法创建应用程序.因此,对于最容易思考的应用程序,您不需要自己编写一行JavaScript(这很酷,因为我们都喜欢少工作,不是吗？)
为了支持使用声明性html语法创建应用程序的方法,我认为将jquery-mobile与knockoutjs结合起来是一个很好的选择.Knockoutjs是一个客户端MVVM框架,旨在将WPVM/Silverlight中的MVVM超级功能引入JavaScript世界.
对我来说MVVM是一个新世界.虽然我已经阅读了很多关于它的内容,但我以前从未真正使用它.
所以这篇文章是关于如何使用jquery-mobile和knockoutjs一起构建应用程序.我的想法是写下我看了几个小时后想出来的方法,并有一些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 of first page -->
<div data-role="page" id="home">
<div data-role="header">
<h1>Demo App</h1>
</div><!-- /header -->
<div data-role="content">
<div class="ui-grid-a">
<div class="ui-block-a">
<div class="ui-bar" style="height:120px">
<h1>Tours today (please wait 10 seconds to see the effect)</h1>
<p><span data-bind="text: toursTotal"></span> …jquery-mobile ×10
jquery ×7
javascript ×4
cordova ×2
jquery-ui ×2
cdn ×1
checkbox ×1
html ×1
html5 ×1
jqtouch ×1
knockout.js ×1
mobile ×1
mvvm ×1
stylesheet ×1