jQueryのモバイルボタン2024 年の最新の入門チュートリアル。このコースでは jQueryのモバイルでボタンを作成します。,<ボタン>,<入力>,<A>,ナビゲーションボタン,例,インラインボタン,例,ボタンの組み合わせ,例,[戻る]ボタン,例,より多くのリンクボタンインスタンス, について学習できます。
モバイルアプリケーションは、表示したいものをクリックするだけで構築されています。
jQueryのモバイルでは、ボタンの3つの方法で作成することができます。
jQueryのモバイルでは、ボタンが自動的にモバイルデバイス上でそれらをより魅力的と可用性行い、スタイリングします。 私たちは、ページ間の要素が提出を形成するの<input>または<button>を使用して、あなたがリンクのデータ役割= "ボタン"との<a>要素を使用することをお勧めします。 |
ページ間のボタンリンクを介して、データ-役割= "ボタン"プロパティを持つ<A>要素を使用します。
デフォルトでは、ボタンが画面の幅全体を占めています。 あなたはボタンとしてのみなど幅広いコンテンツをしたい、またはあなたが並んで二つ以上のボタン側を表示したい場合は、 "真"のデータインライン=を追加する場合:
jQueryのモバイルは、ボタンを組み合わせるための簡単な方法を提供します。
データ-役割を入れてください= "controlgroupは"属性とデータ型=「水平|垂直」ボタンの水平または垂直の組み合わせかどうかを指定するために一緒に使用:
デフォルトでは、ボタンが縦構図、それらの間のマージンなしとスペースの組み合わせです。 それらが組み合わされたときに、美しい外観を作成するようにとだけ最初と最後のボタンは、丸みを帯びています。 |
[戻る]ボタンを作成するには、(アンカーのhref値を無視します)= "バック"プロパティデータ-RELを使用します。
カテゴリ | 説明 | 例 |
---|---|---|
UI-BTN-B | ボタンの色が黒の変更、フォントが白(デフォルト灰色の背景、黒のフォント)です。 | 試します |
UI-コーナーすべて | 丸みを帯びた角を追加するためのボタン | 試します |
UI-ミニ | 小さなボタンを作ります | 試します |
UI-影 | 影を追加するためのボタン | 試します |
あなたは、スペースで区切って、各スタイルクラスをより多くのスタイルが必要な場合は、のような:クラス= "UI-BTN UI-BTN-インラインUI-BTN-コーナー - すべてのUI-影」 デフォルトでは、<入力>ボタンはコーナーと影の効果を四捨五入しています。 <A>と<ボタン>要素にはありません。 |
より完全なCSSクラスは、私たちを参照してくださいjQueryのモバイルCSSクラスリファレンスマニュアルを 。
次のセクションでは、ボタン上のアイコンを追加する方法を示します。