jquery - JQuery Mobile List Filter (入力) の位置を変更する方法

Question

jQuery Mobile List コントロールとそのフィルター機能を使用しています。デフォルトでは、jQuery モバイルは検索入力を の上に付加しますlist ul。この入力の場所を変更したいですか? 私はグーグルで検索してきましたが、これについては運がありません。jQueryのドキュメントも調べました。

Answer 1

これが実際の例です: http://jsfiddle.net/Gajotres/V3CYc/

検索フォームは listvew の一部ではないため、この変更には jQuery が必要です。

HTML :

<ul data-role="listview" data-filter="true" data-filter-placeholder="Search fruits..." id="custom-listview">
    <li><a href="#">Apple</a></li>
    <li><a href="#">Banana</a></li>
    <li><a href="#">Cherry</a></li>
    <li><a href="#">Cranberry</a></li>
    <li><a href="#">Grape</a></li>
    <li><a href="#">Orange</a></li>
</ul>

CSS :

.ui-listview-filter {
    margin: 15px -15px 15px !important;
}

Javascript :

$(document).on('pagebeforeshow', '#index', function(){ 
    var filter = $('#custom-listview').prev();
    $('#custom-listview').parent().append(filter);
});