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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/183596.html

猜你在找的jQuery相关文章