jquery-ui – jQuery手风琴和通过AJAX加载内容

我想使用jQuery load命令在每个jQuery accordion标题下加载内容。目前，我已经设置了如下

$(function() {

    $("#accordion").accordion({          
        header: "h2",active: false              
    });

    $("h2","#accordion").click(function(e) {
        var contentDiv = $(this).next("div");
        contentDiv.load($(this).find("a").attr("href"));      
    });                    
});

和HTML(相关片段)

<div id="accordion">
    <div>
        <h2><a href="home.htm">Home</a></h2>
        <div>
           <!-- placeholder for content -->
        </div>
    </div>
    <div>
        <h2><a href="products.htm">Products</a></h2>
        <div>
           <!-- placeholder for content -->       
        </div>
    </div>
</div>

现在这一切都很好，但是有一个问题是，以这种方式加载内容会中断一些浏览器(IE6)和其他浏览器(FF)上的手风琴插件的向下滑动动画，不会出现幻灯片下拉动画。

我想我需要防止滑动动画发生，直到内容加载(使用加载回调函数)，但不确定如何将其挂钩到手风琴插件。

任何想法非常感谢！

解决方法

只是一个快速的头脑。

这些答案都不会像最新的API一样按照预期的方式工作，因为jQuery UI 1.9中的事件变化和更改已分别被更改为“activate”和“beforeActivate”。

希望节省人几分钟。

原文地址：https://www.jb51.cc/jquery/183596.html