跳到主要内容

适用于移动网站的 jQuery - Dreamweaver CS5.5

  • Dreamweaver CS5 & CS5.5

基于广受欢迎的 jQuery JavaScript 框架，jQuery Mobile 让网页设计师和开发者能够快速而一致地构建移动应用界面。本文将介绍 Dreamweaver CS 5.5 对 jQuery Mobile 项目的支持方式。

如何使用 jQuery​

  1. 在 Dreamweaver 中，进入文件菜单。
  2. 选择新建。将出现_新建文档_菜单。
  3. 选择从示例页面类别。
  4. 在_示例文件夹_列中，选择移动入门模板。
  5. 在_示例页面_列中，选择一个模板。

CDN 与本地 jQuery Mobile 文件​

  • jQuery Mobile (CDN) 选项适用于计划将 jQuery Mobile 库托管在 CDN 上的用户。CDN 是一个网络，包含分布在各个节点的数据副本。
  • jQuery Mobile (本地) 选项适用于计划自行托管资源，或应用不依赖互联网连接的用户。
  • jQuery Mobile (PhoneGap) 选项适用于计划将网页作为应用使用，并在部署后访问移动设备原生功能的用户。
  1. 将 文档类型声明 设置为 HTML5。
  2. 点击 创建。所选的 jQuery 模板将会显示。

保存 jQuery 模板时，CS5.5 会提示用户是否复制创建页面功能所需的其余依赖文件。

更改 jQuery 主题​

jQuery 提供了可应用的主题，方法是在代码中进行如下操作：

  1. 点击元素的主 div 标签。
  2. 按一次空格键。将弹出一个_代码提示_菜单，显示可用的附加属性。
  3. 通过_代码提示_弹出菜单，在 div 标签中应用以下代码：
data-theme="theme"

注意：CS5.5 仅提供六个 jQuery 主题，命名为 A-F。在上述代码中，将 "theme" 替换为六个选项之一。

例如：

data-theme="A"

Dreamweaver 是 Adobe 推出的流行网站和应用创建程序。它支持 HTML5、CSS3、PHP、FTP、jQuery 等，并支持 HostGator 网络托管。

您可以访问 Adobe 官网或 Dreamweaver 教程学习门户，了解更多关于 Dreamweaver 的信息。