Question

高手请教 jquery ui accordion的问题

我通过ajax获取到了菜单 我拼成了html
但是只显示一级菜单 不能点击下拉 但是我把返回的html直接复制到页面
页面可以点击子菜单
很奇怪
$(function(){
img=new Image();
img.src="../images/v1.gif";
$(".nav").accordion({
//accordion: true,
speed: 500,
closedSign: '<img src="/images/arrowopen.png" ></img>',
openedSign: '<img src="/images/arrowclose.png" ></img>'
});

});

这个方法两种情况都调用了 但是ajax的 就是不显示

Answer 1

由于ajax 生成的html 在原来的页面并不存在也就不能绑定对应的事件。 这种情况下请使用Delegate方法在该新生成的元素里绑定事件。要实现手风琴效果并不需要用硕大的jQuery ui。其实一句slideToggle就能实现了

<div id="a"></div>

ajax{
....
$("#a").html("<div class='b'>.......</div>");
}

$("#a").delegate(".b","click",function(){
 $(this).slideToggle()
});