2013-03-18 176 views
0

如果我没有里面的元素,我该如何销毁jquery ui手风琴?该场景将是我的手风琴里面的元素,点击用户可以删除。如果用户已经删除了所有现有的元素,手风琴应该被销毁。销毁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(); 

      } 
      ); 
}); 
+0

可以张贴一些代码吗? – Learner 2013-03-18 19:49:25

+0

该代码需要添加相对于您的面板删除脚本,你可以请包括吗? – 2013-03-18 19:49:27

+0

好的代码正在提交 – fefe 2013-03-18 19:49:37

回答

2
if (! $('#myAccordion').find('li').length) { 
    $('#myAccordion').accordion('destroy'); 
} 
+0

感谢您的支持,凯文。 – isherwood 2013-03-18 19:56:31

+0

感谢您的片段! – fefe 2013-03-18 19:59:25

0

摧毁一个jQuery UI控件,选择它被初始化的元素,然后调用该插件与参数 “消灭”。

$("#accordion").accordion("destroy");