検索

順序付きリスト

   <div data-role="content">
    <ol data-role="listview" data-theme="g">
      <li><a href="#"> List 1</a></li>
      <li><a href="#"> List 2</a></li>
      <li><a href="#"> List 3</a></li>
    </ol>
   </div>

読み取り専用リスト

   <div data-role="content">
    <ul data-role="listview" data-inset="true">
      <li><a href="#"> List 1</a></li>
      <li><a href="#"> List 2</a></li>
      <li><a href="#"> List 3</a></li>
    </ul>
   </div>

分離可能なボタンリスト

   <div data-role="content">
    <ul data-role="listview" data-theme="g" data-split-icon="gear" data-split-theme="d">
      <li><a href="#"> List 1</a><a href="#"></a></li>
      <li><a href="#"> List 2</a><a href="#"></a></li>
      <li><a href="#"> List 3</a><a href="#"></a></li>
    </ul>
   </div>

バブル数リストが含まれます

   <div data-role="content">
    <ul data-role="listview" data-theme="g">
      <li><a href="#"> List 1</a><span class="ui-li-count">33</span></li>
      <li><a href="#"> List 2</a><span class="ui-li-count">222</span></li>
      <li><a href="#"> List 3</a><span class="ui-li-count">111</span></li>
    </ul>
   </div>

設定オプション。

jquery Mobile の実行が開始されると、ドキュメント オブジェクトで mobileinit イベントがトリガーされます。このイベントを通じて、デフォルトの対応する関数をオーバーライドできます。さまざまな属性パラメータを設定します。

使用方法:

 $(document).bind("mobileinit",function(){ 
        //在这里添加用户自定义代码。
     })
     <script src="jquery.js"></script>
     <script src="自定义事件处理函数的js文件"></script>
     <script src="jquerymobile.js"></script>

開発者にオブジェクト $.mobile を提供します。このオブジェクトの目的は、さまざまなオプションとデフォルト構成を構成することです。

$(document).bind("mobileinit",function(){ 
      $.mobile.foo = "foo";l
    })

設定可能なオプション:

1.ns

タイプ: 文字列。デフォルトは空ではない文字列です。
使用法: $.mobile.ns="mynamespace"
説明: ネームスペースをカスタマイズし、ネームスペースを回避します。

2.autolinitializePage

タイプ: ブール型、デフォルトは true です。
使用法: $.mobile.autoInitializePage = false
説明: デフォルトでは、ページ DOM 要素の準備が整うと、

に設定されている場合、プログラムは $.mobile.initializePage 関数を自動的にロードします。


ページは作成されず、非表示のままになります。

3.subPageUrlKey

タイプ: 文字列、デフォルト値は ui-page です。

使用法: $.mobile.subPageUrlkey = "ページ"

説明: URL アドレス内の jQuery Mobile ビューのキー パラメーター名を変更します。選択したパラメーターを subPageUrlKey = "page" に変更すると、URL アドレス


に変更されます

example.html?page=サブページ。

4.activePageClass

タイプ: 文字列、デフォルト値は ui-page-active

使用法: $.mobile.activePageClass = “ui-ns-page-active”。

説明: 主な機能は、アクティブ状態ページと遷移状態のビュー CSS スタイルをカスタマイズすることです。

5.activeBtnClass

タイプ: 文字列、デフォルト値は ui-btn-active です

使用法: $.mobile.activeBtnClass = "ui-ns-page-active"

説明: このオプションの主な機能は、アクティブな女の子のスタイルをカスタマイズすることです。

6.ajaxEnabled

タイプ: ブール値、デフォルト値は true

使用法: $.mobile.ajaxEnabled = false

説明: 接続をクリックするとき、またはフォームやボタンを送信するときに、Ajax を使用してページをロードするか、データを送信するかどうかを設定します。

7.hashListeningEnabled

タイプ: ブール値、デフォルト値は true です。

使用法: $.mobile.hashListeningEnabled = false


説明: location.hash の変更を自動的に監視して処理するかどうかを設定します。 false に設定すると、手動の方法を使用してハッシュの変更を処理するか、単に接続を使用することができます。


アドレスはリダイレクトされます。


8.defaultPageTransition


タイプ: 文字列、デフォルト値は slide


使用法: $.mobile.defaultPageTransition = “フェード”


説明: このオプション パラメーターは主にページ切り替えのデフォルトの効果を設定します。なしに設定すると、オプションのパラメーターのスライドアップ (左右にスライド)

が設定されます。

スライドアップ (下から上にスライド) スライドダウン (上から下) ポップ (中央から)


9.touchOverflowEnabled


タイプ: ブール値、デフォルト値は false


使用法: $.mobile.touchOverflowEnabled = true


説明: デバイスのネイティブスクロール機能を使用するかどうか。


10.defaultDialogTransition


タイプ: 文字列、デフォルト値はpop


使用法: $.mobile.defaultDialogTransition = "none"


説明: Ajax ダイアログ ボックスのポップアップ効果を設定します。なしに設定すると、過剰な効果はありません。


11.minScrollBack


タイプ: 文字列、デフォルト値は 150


使用法: $.mobile.minScrollBack = “200”


説明: スクロール位置記憶機能は、スクロールが設定された高さを超えた場合にのみトリガーされます。


12.loadingMessage


タイプ: 文字列 デフォルト値はloadingです


使用法: $.mobile.loadingMessage = "読み込み中"


説明: ページの読み込みステータスのテキストの内容を設定します。 false に設定すると、何も表示されません。


13.pageLoadErrorMessage


タイプ: 文字列、デフォルト値はページの読み込みエラーです


使用法: $.mobile.pageLoadErrorMessage = "ページの読み込みに失敗しました"


説明: Ajax ページリクエストが失敗したときに表示されるプロンプトのテキスト内容を設定します


14.グレードA


タイプ: ブール値、デフォルト値は $.support.mediaquery の値です


使用法: $.mobile.gradeA

説明: ブラウザがサポートされている条件をすべて満たす場合、True が返されます。

JQuery Mobile と HTML5 の 3 つの欠点

1. ネイティブ アプリよりも動作が遅い: 私の意見では、最大の欠点は、最新の Android および iOS ハードウェア (デュアルコア Tegra 2 Android スマートフォン、デュアルコア iPad2 タブレット) でも、JQuery Mobile アプリの速度が大幅に遅いことです。 🎜>

ネイティブ プログラム内。特に Android では、ブラウザは iOS よりも遅く、バグが多くなります (Google は Web に重点を置いている会社ですが)。古い Android デバイスではプログラムをテストしませんでした。おそらくまったく動作しないでしょう (Android G1 など)。今後 12 ~ 24 か月以内にハードウェアの速度は急速に向上し (たとえば、クアッドコア デバイスが 2011 年に間もなく発売される予定です)、パフォーマンスはすぐに問題にならなくなる可能性があると私は考えています。しかし今日では、それは本当に欠点です。 iOS のみに焦点を当てている場合は、ブラウザのパフォーマンスが期待できます。少なくともその点では信頼できます (Android や BlackBerry などとは異なります)

2. 奇妙な (クロスブラウザ、クロスプラットフォーム開発): JQuery Mobile はまだベータ版なので、多くのバグに遭遇しました。とはいえ、JQuery チームは依然として GitHub で提起された問題に積極的に対応しています。最大の問題の 1 つは、さまざまなモバイル プラットフォーム上のさまざまなブラウザの奇妙な動作だと思います。この問題は常に批判されてきました。このアプリは少し奇妙に見えるかもしれません。JQuery Mobile チームはウィジェットとテーマに関して素晴らしい仕事をしたと思いますが、ネイティブ アプリとはかなり異なって見えます。この問題がユーザーにどの程度の影響を与えるかは不明ですが、注意が必要です。

3. 制限された機能とネイティブ プログラム: 明らかに、ブラウザーで実行される JavaScript はデバイスの多くの機能に完全にはアクセスできません。代表的な例はカメラです。ただし、PhoneGap のようなツールは、多くの一般的な問題の解決に役立ちます。実際に、ネイティブ Facebook バインディングを使用して、PhoneGap 経由でアプリのいくつかのバージョンを iOS と Android にデプロイし始めましたが、その結果には感銘を受けています。 PhoneGap の使用体験については、今後のブログで書きたいと思います。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Python vs. JavaScript:コミュニティ、ライブラリ、リソースPython vs. JavaScript:コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1)Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2)Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3)どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ:すべてがどのように機能するかC/CからJavaScriptへ:すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

JavaScriptエンジン:実装の比較JavaScriptエンジン:実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて:現実世界のJavaScriptブラウザを超えて:現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合)Apr 11, 2025 am 08:22 AM

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScript:Web言語の汎用性の調査JavaScript:Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの進化:現在の傾向と将来の見通しJavaScriptの進化:現在の傾向と将来の見通しApr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 Mac版

SublimeText3 Mac版

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

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません