1

現在 jQuery Mobile 1.3.2 を使用しているサイトがあります。3 つの小さな水平方向に配置されたボタンを作成するため<input>にスタイル設定された3 つのボタンがあります。<input type="submit" id="1" value="1" data-mini="true" data-inline="true" />

私はjQM 1.4.2にアップグレードしようとしていますが、ドキュメントに従ってデータ属性の使用から変更しましたが、代わりにクラスを次のように設定しました<input type="submit" id="1" value="1" class="ui-btn ui-btn-inline">。「1 2 3」のように 3 つのボタンを一列に並べる代わりに、次のようにコンテナの幅全体を占める 3 つのボタンを垂直に配置しています。

" 1 "
" 2 "
" 3 "

1.4.2 を使用して jQM 1.3.2 で行ったことを再現する方法はありますか?

4

1 に答える 1

3

残念ながら、ドキュメントは明確ではありません。データminiと の両方inlineを で使用できinputますが、クラスとしてaおよびbuttonタグに直接追加できます。

inputすべてのクラスを保持する div にラップされます。したがって、クラスをinputそれ自体に追加しても、違いはありません。andを使用するdata-miniとdata-inline、jQM はそれらを認識し、クラスを親 div (ラッパー) に追加します。

<input type="submit" value="Submit" data-inline="true" data-mini="true" />

デモ

于 2014-04-08T20:26:59.523 に答える