0

XMLからJQueryモバイルページに順序付けされていないリストを動的に作成しようとしています。アイテムをページに表示することはできますが、スタイルが正しく表示されません。通常の青いリンクのプレーンテキストではそれだけです。リストをスタイリングする別の方法はありますか？

<ul id="events-holder" data-role="listview" data-inset="true" data-theme="c"> 

$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: "event_list.php",
        dataType: "xml",
        success: function(xml) {
            $(xml).find('event').each(function() {
                var title = $(this).find('title').text();
                var date = $(this).find('date').text();
                var url = $(this).find('url').text();

                $('<li></li>')
                    .html('<li><a href="'+url+ '" rel="external" data-transition="slide">'+ title +'</a></li>')
                    .appendTo('#events-holder')
                    .trigger('create'); 
            });
        }
    });
});

スタイリングに問題があります。

4

2 に答える 2

0

cssにもよりますが、動的に作成された<li>sが2倍になることが問題だと思います。呼び出しでwithを作成し、その中に別<li>のwith$('<li></li>')を追加します。 <li>.html()

文字列<li>からタグを削除してみてください.html()

于 2012-12-11T16:25:55.193 に答える
0

あなたは電話する必要があります：

jQuery("#events-holder").listview('refresh');

そして、あなたは設定されています。

于 2013-11-15T08:02:26.823 に答える