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 回答