>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 21849 个阅读者 刷新本主题
 * 贴子主题:  jQuery Mobile 安装 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-19 17:12:42     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery Mobile  安装

在你的网页中添加 jQuery Mobile

     你可以通过以下几种方式将jQuery Mobile添加到你的网页中:    
  • 从 CDN 中加载 jQuery Mobile  (推荐)
  •   从jQuerymobile.com 下载 jQuery Mobile库

从 CDN 中加载 jQuery Mobile

点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。.


     使用 jQuery 内核, 你不需要在电脑上安装任何东西; 你仅仅需要在你的网页中加载以下层叠样式 (.css) 和  JavaScript 库 (.js) 就能够使用 jQuery Mobile:            

jQuery Mobile CDN:

<head>

<!-- meta使用viewport以确保页面可自由缩放 -->
<meta name="viewport" content="width=device-width,

  initial-scale=1">

<!-- 引入 jQuery Mobile 样式 -->

      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

          <!-- 引入 jQuery 库 -->

      <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

          <!-- 引入 jQuery Mobile 库 -->

      <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>

        国内用户推荐使用百度CDN:        

jQuery Mobile CDN(百度):

<head>

<!-- meta使用viewport以确保页面可自由缩放 -->
<meta name="viewport" content="width=device-width,

  initial-scale=1">

<!-- 引入 jQuery Mobile 样式 -->

      <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

          <!-- 引入 jQuery 库 -->

      <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

          <!-- 引入 jQuery Mobile 库 -->

      <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

        </head>

             本文引用的库为百度 CDN 资源库。    

下载 jQuery Mobile

     如果你想将 jQuery Mobile 放于你的主机中,你可以从

jQuerymobile.com下载该文件。


<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="jquery.mobile-1.4.5.css">

<script src="jquery.js"></script>

<script src="jquery.mobile-1.4.5.js"></script>

</head>

        提示: 将下载的文件放置于与网页同一目录下。

        
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 你是否想知道为什么在 <script> 标签中 没有插入 type="text/javascript" ?

        在 HTML5 已经不需要该属性。 JavaScript 在所有现代浏览器中是 HTML5 的默认脚本语言!






程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-07 21:03:39 重新编辑]
网站系统异常


系统异常信息
Request URL: http://www.javathinker.net/WEB-INF/lybbs/jsp/topic.jsp?postID=1890

java.lang.NullPointerException

如果你不知道错误发生的原因,请把上面完整的信息提交给本站管理人员