2

表示されるリストビュー項目の数を 5 に制限しようとしています。airports 変数は、jsonp として構造化された文字列です。コードは次のように機能していますが、リストビューに表示されるアイテムの数を制限する方法がわかりません。空港変数には何千ものアイテムが含まれているため、この数を制限する必要があります。ご協力いただきありがとうございます！

$( "#destinationListview" ).on( "listviewbeforefilter", function ( e, data ) {
    var $ul = $( this ),
        $input = $( data.input ),
        value = $input.val(),
        html = "";
    $ul.html( "" );
    if ( value && value.length > 3 ) {
        $ul.html( "<li></li>" );
        $ul.listview( "refresh" );
        $.each( airports, function ( i, val ) {
             html += "<li class='destination' id='" + val.code + "'>" + val.name + ", " + val.location + "</li>";
        });
        $ul.html( html );
        $ul.listview( "refresh" );
        $ul.trigger( "updatelayout");

        $(".destination").click(function() {
            $( data.input ).val($(this).attr("id"));
            $("#destination").val($(this).attr("id"));
            $("#destinationListview li").hide();
        });
    }
});
4

2 に答える 2

0

最初の 5 つのリスト アイテムのみを表示するには、次のようにします。

'''javascript
var listItems = airports.length > 5 ? airports.slice(0,5) : airports;
'''

于 2015-08-13T03:29:46.187 に答える