如果里面没有li元素,我怎么能破坏jquery ui手风琴呢?这种情况是,在我的手风琴里有元素,用户点击就可以删除。如果用户已经删除了所有现有的元素,手风琴应该被销毁。
html<div id="catalog">
<h4 id="my_id" ><a href="#"></a></h4>
<div>
<ul class="ul_class">
<li class="ui-state-default ui-corner-all" id="li_id1">element_1
<span id="add" class="ui-icon ui-icon-circle-plus" style="float:right"></span>
</li>
<li class="ui-state-default ui-corner-all" id="li_id2">element_1
<span id="add" class="ui-icon ui-icon-circle-plus" style="float:right"></span>
</li>
</ul>
</div>
</div>
Jquery jQuery("span#add").live("click", function(){
html = html.replace('<span style="float:right" id="add" class="ui-icon ui-icon-circle-plus">','<span style="float:right" id="remove" class="ui-icon ui-icon-circle-minus">');
var param = $(this).parent().closest('li').attr("id");
jQuery(this).parent().animate(
{
'margin-left':'1000px'
},1000,
function(){
var ul_class = $(this).parent().attr('class');
$(this).slideUp('fast');
$("ul."+ ul_class + "_clone").append('<li id="'+ param +'">' + html + '</li>');
$(this).remove();
}
);
});
if ( ! $('#myAccordion').find('li').length ) {
$('#myAccordion').accordion('destroy');
}
要销毁一个jQuery UI小部件,选择初始化它的元素,然后用参数"destroy"调用插件。
$("#accordion").accordion("destroy");