jquery mobile 用于app页面还是移动端的web页面?

发布网友发布时间：2022-04-20 03:22

共12个回答

懂视网时间：2022-04-20 07:43

为了方便说明和更加直观的展示jquerymobile的页面初始化过程以及各个事件的触发过程，我绘制了一幅流程图：

图中用红色框圈起来的是界面中的事件，测试代码如下：

<!DOCTYPE html>
<html>
<head>
<title>练习</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, 
 initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
<link href="css/jquery.mobile-1.0.1.min.css" 
 rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.6.4.js" 
 type="text/javascript" ></script>
<script src="js/jquery.mobile-1.0.1.js" 
 type="text/javascript" ></script>
<script>
	$(document).ready(function(e){
		alert("document.ready被触发");
	});
	
	$(document).live("mobileinit", function(){
		alert("mobileinit事件触发");
	});
	$(document).delegate("#page_MobileInit0", "pageinit", function(){
		alert("page_MobileInit0页面的pageinit事件被触发");
	});
	$(document).delegate("#page_MobileInit0", "pageshow", function(){
		alert("page_MobileInit0页面的pageshow事件被触发");
	});
	$(document).delegate("#page_MobileInit1", "pageinit", function(){
		alert("page_MobileInit1页面的pageinit事件被触发");
	});
	$(document).delegate("#page_MobileInit1", "pageshow", function(){
		alert("page_MobileInit1页面的pageshow事件被触发");
	});
	
</script> 
</head>
	<body>
		<section id="page_MobileInit0" data-role="page">
			<header data-role="header">
				<h1>页面事件</h1>
			</header>
			<p class="content" data-role="content">
				<p>jQuery Mobile页面初始化是通过mobileinit、$(document).ready()以及pageinit实现的</p>
				<a href="#" onclick="$(document).trigger('mobileinit')">手动触发mobileinit事件</a>
				<a href="#page_MobileInit1">下一页</a><br/></p>
			</p>
		</section>
		
		<section id="page_MobileInit1" data-role="page">
			<header data-role="header">
				<h1>页面事件</h1>
			</header>
			<p class="content" data-role="content">
				<p>jQuery Mobile页面初始化是通过pageinit实现的<br/>
					<a href="#page_MobileInit0">返回</a></p>
			</p>
		</section>
	</body>
</html>

除了上面介绍的事件外，还有onload事件。当所有相关内容（包括图片）加载完成后会触发onload事件。因为受到图片等内容的影响，onload事件的触发时间比较晚。虽然在页面开发中也会用到onload事件，但是在jQuery Mobile开发中，主要使用的是mobileinit、ready()和pageinit这3种初始化事件。

热心网友时间：2022-04-20 04:51

　　适用于移动端的web页面。

　　jQuery Mobile适用于移动端开发页面的优势：
　　jQuery Mobile是目前最流行的一个移动开发的框架，文档丰富，社区活跃，有很多的UI控件供我们使用，并且提供对多页面的支持（通过Ajax方式读取内容，并提供页面切换的过渡动画）。我认为jQuery Mobile的最强大之处就在于其UI方面的支持，但这一部分恰恰不是我所需要的，它对UI的*比较多。Sencha Touch是ExtJs的移动版，对于不熟悉ExtJs的人来说有一定的学习成本。

热心网友时间：2022-04-20 06:09

首先肯定能用于移动端的web页面，app的话看你用什么样的语言编写了。像现在的appcan这样的封装型app，都有自己的一套脚本的，但是硬要用，也是有办法的，如果是web型app,那肯定能用jquery mobile 的。如果是原生代码写的app，这个没有试过，不知道

热心网友时间：2022-04-20 07:44

jquery mobile 是可以直接用于 web 页面制作的.
其次. 可以用 PhoneGap + jquery mobile 打包成APP

热心网友时间：2022-04-20 09:35

什么是 jQuery Mobile？
jQuery Mobile 是一个为触控优化的框架，用于创建移动 web 应用程序。
jQuery 适用于所有流行的智能手机和平板电脑：
jQuery Mobile 构建于 jQuery 库之上，这使其更易学习，如果您通晓 jQuery 的话。
它使用 HTML5、CSS3、JavaScript 和 AJAX 通过尽可能少的代码来完成对页面的布局。
为什么使用 jQuery Mobile？
jQuery Mobile 将“写得更少、做得更多”这一理念提升到了新的层次：它会自动为网页设计交互的易用外观，并在所有移动设计上保持一致。
提示：您不需要为每种移动设备或 OS 编写一个应用程序：
Android 和 Blackberry 用 Java 编写
iOS 用 Objective C 编写
Windows Phone 用 C# 和 .net 编写
jQuery Mobile 解决了这个问题，因为它只用 HTML、CSS 和 JavaScript，这些技术都是所有移动 web 浏览器的标准

热心网友时间：2022-04-20 11:43

首先肯定能用于移动端的web页面，app的话看你用什么样的语言编写了。像现在的appcan这样的封装型app，都有自己的一套脚本的，但是硬要用，也是有办法的，如果是web型app,那肯定能用jquery mobile 的。

热心网友时间：2022-04-20 14:08

移动端的页面。
app中一般不用jquery mobile

热心网友时间：2022-04-20 16:49

都可以用，
jQuery Mobile
jQuery Mobile 是创建移动 web 应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。

热心网友时间：2022-04-20 19:47

当然是移动web了

热心网友时间：2022-04-20 23:02

移动端的web页面

热心网友时间：2022-04-21 06:21

都可以！！！！！！！！！！！！！

热心网友时间：2022-04-21 10:26

web页面web页面