2013-03-18 181 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");