ulとliリストにデータを表示

Question

ulとliリストに自分のニュースデータを表示する際に問題が発生しています。コードは次のとおりです。Newslist iは、ファイルで定義されたグローバル変数はgv_file.jsと呼ばれ、htmlファイル

の頭の中に含まれていること

<div data-role="content"> 
<div id="displayNews"> 
    <ul data-role="listview" data-inset="true" data-filter="true"> </ul> 
</div> 
</div> 

は注：私は持っている私のhtmlファイル内

$('#NewsPage').live('pagebeforeshow',function(event, ui){ 
    Newslist = ""; 
    $.each(NewsObject, function(k,v){ 
     Newslist += "<li><a href='#'>" + v.news_title + "</a></li>"; 
    }); 
    $("ul#displayNews").html(Newslist); 
}); 

Answer 1

セレクタが正しくありません。 ul#displayNewsは、に含まれるulではなく、<ul id="displayNews">を検索します。

（便宜上少し.append良さで）これを試してみてください：まだ

$('#NewsPage').live('pagebeforeshow',function(event, ui){ 
    $.each(NewsObject, function(k,v){ 
     $('#displayNews ul').append('<li><a href="#">' + v.news_title + '</a></li>'; 
    }); 
}); 

以上、代わりにlive()のより近代的なon()を使用（jQueryの1.7以上が必要です）：

$(document).on('pagebeforeshow','#NewsPage', function(event, ui){ 
    $.each(NewsObject, function(k,v){ 
     $('#displayNews ul').append('<li><a href="#">' + v.news_title + '</a></li>'; 
    }); 
}); 

Answer 2

HTML：

<div data-role="content"> 
    <div id="displayNews"> 
     <ul data-role="listview" data-inset="true" data-filter="true"> </ul> 
    </div> 
</div> 

jQue RY：

$('#NewsPage').live('pagebeforeshow',function(event, ui){ 
    Newslist = ""; 
    $.each(NewsObject, function(k,v){ 
     Newslist += "<li><a href='#'>" + v.news_title + "</a></li>"; 
    }); 
    $("#displayNews ul").html(Newslist).listview("refresh"); 
});