Xiaoqiang の HTML5 モバイル開発ロード (23) - jQuery Mobile の概要
1. jQuery Mobile をダウンロードします
ダウンロード アドレス: http://jquerymobile.com/
[ダウンロード] をクリックします
ダウンロードが成功したら、以下に示すように zip パッケージをダウンロードします
示されているようにディレクトリを解凍します。 図:
index.html をクリックしてデモのホームページに入ります。そこには多くの例があります。
2. JQuery Mobile Helloword を作成します
index. Chrome ブラウザで html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web 应用程序</title> <link href="jquery.mobile-1.3.2.min.css" rel="stylesheet" type="text/css"/> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.mobile-1.3.2.min.js" type="text/javascript"></script> </head> <body> <div data-role="page" id="page"> <div data-role="header"> <h1 id="第-nbsp-nbsp-页">第 1 页</h1> </div> <div data-role="content"> <ul data-role="listview"> <li><a href="#page2">第 2 页</a></li> <li><a href="#page3">第 3 页</a></li> <li><a href="#page4">第 4 页</a></li> </ul> </div> <div data-role="footer"> <h4 id="页面脚注">页面脚注</h4> </div> </div> <div data-role="page" id="page2"> <div data-role="header"> <h1 id="第-nbsp-nbsp-页">第 2 页</h1> </div> <div data-role="content"> 内容 </div> <div data-role="footer"> <h4 id="页面脚注">页面脚注</h4> </div> </div> <div data-role="page" id="page3"> <div data-role="header"> <h1 id="第-nbsp-nbsp-页">第 3 页</h1> </div> <div data-role="content"> 内容 </div> <div data-role="footer"> <h4 id="页面脚注">页面脚注</h4> </div> </div> <div data-role="page" id="page4"> <div data-role="header"> <h1 id="第-nbsp-nbsp-页">第 4 页</h1> </div> <div data-role="content"> 内容 </div> <div data-role="footer"> <h4 id="页面脚注">页面脚注</h4> </div> </div> </body> </html>

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。
