0

基本的なjqueryモバイルの単一リストビューアイテムがあります。ユーザーが右側の矢印をクリックすると、リストビュー項目が消えて別のリストビュー項目に置き換えられます。

以下のコードは標準のリストビューです

   <ul data-role="listview" data-inset="true" data-filter="true">
    <li><a href="#">Acura</a></li>
   </ul>

可能であれば誰かがアドバイスできることを願っています.remove（）;を使用してリストビュー全体をクリアする必要がありますか？新しいものを作成しますか？

ありがとう

4

2 に答える 2

0

編集：コードを更新しました（新しいjQuery Mobile Versionを使用し、コードからready（）関数を削除しました。代わりにdivラッパーも追加しました。そのようにして、それらを非表示または表示すると、リストと検索バーの両方が完全に非表示になります。

HTML :

<div id="l1">
    <ul data-role="listview" data-inset="true" data-filter="true">
        <li><a href="#">Acura</a></li>
    </ul>
</div>
<div id="l2">
    <ul data-role="listview" data-inset="true" data-filter="true" id="l2">
        <li><a href="#">Second List View</a></li>
    </ul>
</div>

Javascript :

$("#l2").hide();
$('#l1').on('click', 'li', function() {
    $("#l1").fadeOut(300,function(){
        $("#l2").show();
    });
});

このコードはよりクリーンでシンプルに見えます。幸運を！

JSFiddle : http://jsfiddle.net/69Xfz/39/

于 2013-01-23T16:49:28.833 に答える
0

このようなものも同様に機能します-その場合、事前定義されたリストを用意する必要はありません。

Javascript:

$(".mylist").on("vclick", function(e){
var item = $(e.target).closest("li");
var newItem = '<li><a href="#">New Item</a></li>';
item.hide(500);
setTimeout(function(e){
    item.remove();
    $(".mylist").append(newItem).listview("refresh");
}, 500);

});

http://jsfiddle.net/69Xfz/40/

于 2013-01-23T21:48:20.010 に答える