destroy jquery ui accordion



如果里面没有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");

相关内容

  • 没有找到相关文章

最新更新