我将输出页面中的源代码复制到下面的文件中,这样您就可以看到我在说什么:
http://playerspace.com/mysource.html
我们正在查看的是最近的活动 ajax(由于某种原因,它不适用于此输出版本)。我希望只看代码就足以诊断它。
无论如何,问题是“评论”链接,它是一个显示扩展文本区域的手风琴。在时间线中接下来的 5 个项目的 ajax 加载后,评论链接(部分或全部)完全停止响应。
我尝试将手风琴代码直接添加到 ajax 调用中,但它仍然无法始终如一地执行。
$(document).on("click",'.siteusemore',function()
{
var ID = $(this).attr("id");
var myscript = window.siteusemore_script || null;
if(ID)
{
$("#siteusemore"+ID).html('<img src="/images/processing.gif" />');
$.ajax({
type: "POST",
url: myscript,
data: "lastmsg="+ ID,
cache: false,
success: function(html){
$("ol#siteuseupdates").append(html);
$("#siteusemore"+ID).remove();
$('.accordionContent,.accordionContent-settings').hide();
$('.accordionContent,.accordionContent-manuallyadd').hide();
$('.accordion-comments').live("click",function(event){
var target=$(this).attr('href');
if($(target).css('display')=='none')
{
$(target).show();
$(this).text('Hide Comments');
}
else
{
$(target).hide();
$(this).text('Comments');
}
return false;
});
}
});
}
else
{
$(".siteusemorebox").html('The End');
$('.accordionContent,.accordionContent-settings').hide();
$('.accordionContent,.accordionContent-manuallyadd').hide();
$('.accordion-comments').live("click",function(event){
var target=$(this).attr('href');
if($(target).css('display')=='none')
{
$(target).show();
$(this).text('Hide Comments');
}
else
{
$(target).hide();
$(this).text('Comments');
}
return false;
});
}
return false;
});
我刚开始使用 ajax,我可以在这里使用帮助。我想我的问题是让在我的 site.js 文件(位于页面底部)中执行的代码与每个 ajax 加载一致地触发?
另外我不知道这是否有帮助,但问题似乎发生在所有其他 ajax 调用上,这很奇怪。