jQuery技术

Asp.net + Jquery Mobile 项目实战--准备(1)

字号+ 作者:H5之家 来源:H5之家 2017-05-16 10:01 我要评论( )

Asp.net + Jquery Mobile 项目实战--准备(1)是IT工作生活这点事关于 asp.net,Jquery mobile项目demo,Jquery mobile项目实例,Jquery mobile项目示例,Jquery mob

一直以来,对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分享



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 第76款插件:jquery.mmenu.js实现侧边导航非常适用于手机版站

    第76款插件:jquery.mmenu.js实现侧边导航非常适用于手机版站

    2017-05-16 15:06

  • JQuery实现定时刷新

    JQuery实现定时刷新

    2017-05-16 09:03

  • jQuery实现当前页面标签高亮显示的方法

    jQuery实现当前页面标签高亮显示的方法

    2017-05-16 08:02

  • jQuery 删除HTML元素,jqueryhtml元素

    jQuery 删除HTML元素,jqueryhtml元素

    2017-05-15 15:00

网友点评