0

我将输出页面中的源代码复制到下面的文件中，这样您就可以看到我在说什么：

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 调用上，这很奇怪。

4

1 回答 1

0

我认为您需要重新启动手风琴。将此代码添加到您的成功 ajax 调用回调中：

$("#accordion").accordion("destroy");
$("#accordion").accordion({collapsible: true,header: "h3",active: false});

这应该将手风琴应用于正确的 div，请用“h3”替换您的标题 div。

于 2013-01-31T11:05:36.173 回答