jQuery追加不追加任何内容

Question

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

我尝试使用$（窗口）.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

有一个cou

$(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：哈希在你的JavaScript失踪的PLE

<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错误，所以检查您的网络监听器的数据

和你有一个“; “这是结束了太多了