0

可能であれば、すべての JQuery Mobile ページで入力検索フィールドのミニ バージョンを使用したいと考えています。

.ui-input-searchサンプルページを見ると、 classを持つすべての要素に class が割り当てられるように設定したいことが明らかです.ui-mini。

data-mini="true"単に属性を使用するのではなく、なぜこれが必要なのですか? リストビューを指定すると、data-filter="true"JQM が入力検索要素を自動的に生成するため、そのミニ バージョンが必要であることを指定する機会がありません。

現在の解決策:

<script type="text/javascript">
  $(function () { $('.ui-input-search').addClass('ui-mini'); });
</script>

(本質的によりエレガントな) CSS ソリューションはありますか? 何かのようなもの

.ui-input-search {
  setClass(ui-mini); /* this line is pseudo-code */
}
4

2 に答える 2

1

使用する代わりに、検索ウィジェットを含むリスト ビューが存在する特定の疑似ページdocument.readyのイベントにバインドできます。pageinit

$(document).delegate('#some-page-id', 'pageinit', function () {
    $(this).find('.ui-input-search').addClass('ui-mini');
});

これは、イベント ハンドラーをバインドする "jQuery Mobile" の方法であり、時間枠に関係なく機能することを保証します。

ここにデモがあります：http://jsfiddle.net/bHrJy/

于 2012-04-24T19:36:20.897 に答える