jquery-mobile - jquery mobileで検索入力の横にボタンを配置することは可能ですか?

Question

jQuery モバイルのドキュメントにあるフォームの例はすべて、各フォーム要素をそれぞれの行に示しています。検索入力フィールドの右側に、標準のボタン (別のページにリンクする) を配置したいと考えています。jQuery Mobileでそれは可能ですか?

ありがとう

Answer 1

インラインユニットとしてネイティブではありません。ただし、フォーム要素は、レイアウトグリッドシステムと一緒にかなり効果的に使用できます。

http://jquerymobile.com/demos/1.1.0/docs/content/content-grids.html

Answer 2

jQM の UI グリッドは、列を同じ幅に強制します。私の場合、送信ボタンを単なるアイコンにして、検索ボックスに余裕を持たせたいと思いました。<table>いくつかの投稿で言及されているのを見ましたselectmenuが、予期しない要素の子である場合、他の入力 (特に ) が正しく機能しないことを発見しました。[1]

ウィジェットの破損を避けるために、私はこれを管理しました：

.ui-grid-a.my-grid-a .ui-block-a.my-block-8515-a {
    width: 84.95%;
}
.ui-grid-a.my-grid-a .ui-block-b.my-block-8515-b {
    width: 14.95%;
}

防弾ではありませんが、追加のグリッド定義に拡張できます。特異性を使用して既存の UI のすべてのグリッド ルールを取得しますが、列幅を再定義します。インライン スタイルや追加のタグはなく、ウィジェットは壊れません。また、特異性のために、jQM の構造体スタイルシートの前または後にロードできます。

[1]: https://github.com/jquery/jquery-mobile/issues/6077 jQM Github バグ レポート