jquery无法看到为无限传送带生成的项目

Question

我想创建一个包含每天下的项目7天的传送带。当按下下一个按钮时，jquery查找表格<span class="date">DATE</span>的最后一个span元素，抓取该值并将其传递给服务器以获取接下来的3个条目。然后将这些条目附加到<ul class="week">元素上，整个7天向右滑动3个增量。我的第一个问题是，在第一次点击后，jquery似乎没有看到动态生成的内容，只是将初始日期值发送到服务器，使其重复这3个日期。第二个问题是点击足够长的时间后，它会停止生成新内容，并且无法将内容添加到最后，即使服务器仍然会在当天吐出html ..我是初学者，可能没有最佳做法想通了。这里是我的初步认识代码：解决

 $('.next').click(function() { 
    var date = $(".date").filter(':last').text() //grab the last date class and parse into url to send to server 
    $.get('/log_entries/ajaxdate/'+date, function(data) { 
     $('.week').append(data); 
    }); 
    $('.test').animate({left: '-=272px'}, 500); 

}); 

好了第一个问题，从服务器发回的数据未包含各地日期跨度元素，日期现在可以正确地增加谢谢@ RoccoC5

我还是结束一旦我的身高足够高，在2011年10月26日2011-08-15开始时，随机抽出一些项目。

下面是从服务器发回的代码时log_entries/ajaxdate/2011-09-12加载：

<li class = "entry"><span class="date">2011-09-13</span> 
</li> 
<li class = "entry"><span class="date">2011-09-14</span> 
</li> 
<li class = "entry"><span class="date">2011-09-15</span> 
</li> 

Answer 1

如果响应是纯HTML，你应该把它转换为DOM元素，使用$(data)：

$.get('/log_entries/ajaxdate/'+date, function(data) { 
    $('.week').append($(data)); 
}); 

或innerHTML的工作，只是一个例子：

var jweek = $('.week'); 
jweek.html(jweek.html() + data); 

你SH也乌尔德使用.closest()和.find()，以确保你有一个转盘工作，并没有选择从页面的其他.data或.next元素：

<div class="carousel"> 
    <ul class="week"> 
     <li class="entry"><span class="date">2011-08-16</span></li> 
    </ul> 
    <a href="..." class="next">Next</a> 
</div> 

$('.carousel .next').click(function() { 
    // find the parent .week and then .date inside of it 
    var date = $(this).closest('.week').find('.date:last').text(); 
    ... 
}); 

注意.filter(':last')可以被压缩到以前的选择。