很抱歉问这个问题,但我最好把它清除掉。我在代码的两个部分中添加了控制台日志。当我来回浏览每个帖子时,即使我多次单击相同的帖子,每次都会附加不同的日志。我希望这并不表明我的 DOM 已被填满,即使我在代码中添加了 .empty() 函数,希望这会简单地清除控制台日志并附加新的点击。屏幕截图如下:
代码部分:
$(document).on('pagebeforeshow', '#blogposts', function() {
$('#postlist').html();
$.ajax({
url: "http://howtodeployit.com/category/daily-devotion/feed/?json=recentstories",
dataType: "json",
beforeSend: function() { $.mobile.showPageLoadingMsg(true); },
complete: function() { $.mobile.hidePageLoadingMsg(); },
success:function (data){
console.log(data);
$.each(data.posts, function(key, val) {
var result = $('<li/>').append([$("<h3>", {html: val.title}),$("<p>", {html: val.excerpt})]).wrapInner('<a href="#devotionpost" onclick="showPost(' + val.id + ')"></a>');
$('#postlist').append(result);
return (key !== 4);
});
$("#postlist").listview().listview('refresh');
function showPost(id) {
$.mobile.showPageLoadingMsg("b", "Loading", false);
console.log(id);
$('#mypost').empty();
$.getJSON('http://howtodeployit.com/category/daily-devotion/?json=get_post&post_id=' + id + '&callback=?', function(data) {
var posts='';