>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 22115 个阅读者 刷新本主题
 * 贴子主题:  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 重新编辑]
  Java面向对象编程-->面向对象开发方法概述之开发思想(上)
  JavaWeb开发-->JSP中使用JavaBean(Ⅱ)
  JSP与Hibernate开发-->使用JPA和注解
  Java网络编程-->RMI框架
  精通Spring-->Vue CLI脚手架工具
  Vue3开发-->创建综合购物网站应用
  聊聊Nodejs中的模块化和事件循环
  大部分人都会做错的经典JS闭包面试题
  vue3-Composition-API的用法
  07、手把手教Vue--路由「Vue-router」 - TigerChain
  Vue 3新特性RFC-0026异步组件的全新API
  Vue CLI内网安装(禁止运行vue指令解决方案)
  vue实现Word或Excel文档导出的功能,转换文件名乱码或者json...
  vue封装翻转卡片效果
  14个JavaScript优化建议
  jQuery 效果:隐藏和显示
  JavaScript的History 对象
  jQuery UI 范例 - 选择条目(Selectable)
  HTML支持的多媒体(Media)
  HTML中插入脚本的用法
  一文读懂前端技术演进:盘点Web前端20年的技术变迁史
  更多...
 IPIP: 已设置保密
树形列表:   
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。