0

私は自分のWebページにjsを使用したliをいくつか追加しています。このliには、jqueryモバイルスタイルシートを使用しています。jsをロードするには、次のコードを使用します。

$(document).bind('pageshow', function () {
    LoadLaadPalen.init();
}

次に、このコードが使用されます。

var myData = [
    {"Identifier":1,"Naam":"NOT Given","Adres":"Kopenhagen 9","Postcode":"0000LL","Plaats":"NOT Given","Longitude":"0.00000","Latitude":"0.00000"},
    {"Identifier":2,"Naam":"NOT Given","Adres":"NOT Given 1","Postcode":"0000LL","Plaats":"Rotterdam","Longitude":"0.00000","Latitude":"0.00000"},
    {"Identifier":3,"Naam":"NOT Given","Adres":"NOT Given 6","Postcode":"0000LL","Plaats":"Rotterdam","Longitude":"0.00000","Latitude":"0.00000"},
    {"Identifier":4,"Naam":"NOT Given","Adres":"NOT Given 1","Postcode":"0000LL","Plaats":"Den Haag","Longitude":"0.00000","Latitude":"0.00000"},
    {"Identifier":5,"Naam":"NOT Given","Adres":"NOT Given 218","Postcode":"0000LL","Plaats":"Zoetermeer","Longitude":"0.00000","Latitude":"0.00000"}
];

$('.result').append("moi");

var items = [];
$.each(myData, function(index, element) {
    $('.greenfluxlist').append('<a href="#" rel="external"><li id="' + element.Identifier + '"><h3>' + element.Naam + '</h3><p>' + element.Adres +  '</p></li></a>');
});

そして、これをこのセクションに追加する必要があります:

<div data-role="content" data-theme="a">
    <div id="laadpalen">
        <p><strong>Op deze locaties zijn laadpunten aanwezig:</strong></p>
        <div class="result">
            <ul class="greenfluxlist" data-role="listview" data-inset="true"></ul>
        </div>
    </div>
</div>

しかし、残念ながら私にはスタイルが見えません。テキスト付きの箇条書きと青い標準リンクのみが表示されます..また、ソースコードを確認する場合、html li コードはありませんが、Web ページには表示されます...

4

2 に答える 2

3

< li> の定義を見てください。< li> で始まる必要があります。

<li><a href="bmw.html">BMW</a></li>

あなたのフォーマットは適切ではありません:

<a href="#" rel="external"><li id="' + element.Identifier + '"><h3>' + element.Naam + '</h3><p>' + element.Adres +  '</p></li></a>

私があなたに示したようにそれをやってみてください：

<li><a class=contact href="#" id="' + data.response[key].id + '" ><h1>' + data.response[key].label + '</h1><p>'+ data.response[key].customer + '</p></a></li>

href :P ではなく < li> で開始する 問題が発生した場合は、jQuery docsを確認してください。リストをトリガーしてから更新することを忘れないでください。

$('.greenfluxlist').trigger('create');
$('.greenfluxlist').listview('refresh');
于 2012-09-14T10:39:53.330 に答える
0

次のようなものを追加してみてください。

$('.greenfluxlist').listview('refresh');

例を挙げましょう。最初の追加機能:

function success(data)
            {
                var html ='';
                $.each(data.response, function(key, value) {
                html += '<li><a class=contact href="#" id="' + data.response[key].id + '" ><h1>' + data.response[key].label + '</h1><p>'+ data.response[key].customer + '</p></a></li>';
                $('#contact_listview').append($(html));
                html='';
                });
                $('#contact_listview').trigger('create');    
                $('#contact_listview').listview('refresh');
                $.hidePageLoadingMsg;
            }

そして今、html定義：

<ul data-role="listview"  id="contact_listview" data-filter="true">

</ul>
于 2012-09-14T10:04:55.157 に答える