一直以来,对Jquery mobile作为移动应用,学习了一些东西。比如常用的插件,经典案例。
但是就是没有机会做到项目里面去,最近做了一个餐饮的小应用。正好把接触和使用的一些jqm插件整理一下。
首先,学习Juqery mobile最好的地方还是 .大家可以下载demo在本地进行查看。
最好是部署到IIS下面进行查看,这样很多功能才能看全了。
国内的社区确实不多,做的也不是很好。
几个例子:
(
Site
demo
demo
demo:
240
Jquery
Juqery mobile 引用文件主要有3个:
css:jquery.mobile-1.3.1.css
Js:jquery.js、jquery.mobile-1.3.1.js
如果有自己的样式的话,最好放在jquery.mobile-1.3.1.css的后面。
在Head标签中,增加一下对设备的探测:
<head runat="server">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link href="Css/jquery.mobile-1.3.1.css" rel="stylesheet" />
<link href="Css/photoswipe.css" rel="stylesheet" />
<link href="../Css/Mobilestyle.css" rel="stylesheet" />
</head >
js脚本最好在最后引用:
<script src="Scripts/jquery.js"></script>
<script src="Scripts/jquery.mobile-1.3.1.js"></script>
<script src="Scripts/klass.min.js"></script>
<script src="Scripts/code.photoswipe-3.0.5.min.js"></script>
在asp.net中,如果需要用到.net 的 ajax 效果的话,需要增加一个form。
<form runat="server">
然后声明一个ScriptManager 。
<asp:ScriptManager ID="scropa11" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
未完待续。。。。
转发请注明来自:IT分享