我想使用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”。
希望节省人几分钟。