Question

我正在使用Jquery将数据附加到div。但是，在追加语句后页面上没有显示任何内容。

我尝试使用$（window）.load来确保页面已加载，但这仍然无法正常工作。

HTML

<ul data-role="listview" id="clubcontent" data-inset="true">

</ul>

JS

$(document).on('pageinit', '#page-tasklist', function () {
    $('clubcontent').listview();
    getClubs();
});

function getClubs() {

    var json = jQuery.parseJSON(window.localStorage.getItem("clubs"));
    var clubcontent = $('clubcontent');

    for (var i = 0; i < json.length; i++){
        clubcontent.append('<li><a href="#" data-club-id=\"' + json[i].id + '\" rel="external">' + json[i].name + '</a></li>');
        alert(json[i].name);
    }

    clubcontent.listview( "refresh" );

};

Answer 1

您的javascript中缺少几个哈希值：

$(document).on('pageinit', '#page-tasklist', function () {
    $('#clubcontent').listview();
    getClubs();
});

function getClubs() {

    var json = jQuery.parseJSON(window.localStorage.getItem("clubs"));
    var clubcontent = $('#clubcontent');

    for (var i = 0; i < json.length; i++){
        clubcontent.append('<li><a href="#" data-club-id=\"' + json[i].id + '\" rel="external">' + json[i].name + '</a></li>');
        alert(json[i].name);
    }

    clubcontent.listview( "refresh" );

};

和（扩展）html：

<ul data-role="listview" id="clubcontent" data-inset="true">
    <li> a </li>
    <li> b </li>
    <li> c </li>
    <li> d </li>
    <li> e </li>
</ul>

此处的实例：http://jsfiddle.net/LvUt9/

Answer 2

你可以尝试

$('<li><a href="#" data-club-id=\"' + json[i].id + '\" rel="external">' + json[i].name + '</a></li>').appendTo($('clubcontent'));

如果它不起作用可能是Json错误，那么请检查网络监听器的数据

Answer 3

你可以尝试

$('<li><a href="#" data-club-id=\"' + json[i].id + '\" rel="external">' + json[i].name + '</a></li>').appendTo($('clubcontent'));

如果它不起作用可能是Json错误，那么请检查网络监听器的数据

你有一个＆＃34; ; ＆＃34;这太结束了

jQuery附加不附加任何内容

3 个答案: