ブートストラップでポートレットを削除する方法は？

Question

私はポートレットを定義するときに、という名前のクラスを使用して、私のツールでを削除してポートレットを消してしまい、ブートストラップの仕組みがわかりません。ここで

は私のコードです：

<!-- BEGIN ROW --> 
<div class="row"> 
<div class="col-md-12"> 
    <!-- BEGIN PORTLET--> 
    <div class="portlet light bordered"> 
     <div class="portlet-title"> 
      <div class="tools"> 
       <a class="remove" > </a> 
      </div> 
     </div> 
     <div class="portlet-body"> 

     </div> 
    </div> 
    <!-- END PORTLET--> 
</div> 
</div> 
<!-- END ROW --> 

あなたは下のリンクでは、この機能の例を見ることができます： http://keenthemes.com/preview/metronic/theme/admin_6/portlet_ajax.html

Answer 1

ここでポートレットを削除するコードがあります。

$('body').on('click', '.portlet > .portlet-title > .tools > a.remove', function(e) { 
      e.preventDefault(); 
      var portlet = $(this).closest(".portlet"); 

      if ($('body').hasClass('page-portlet-fullscreen')) { 
       $('body').removeClass('page-portlet-fullscreen'); 
      } 

      portlet.find('.portlet-title .fullscreen').tooltip('destroy'); 
      portlet.find('.portlet-title > .tools > .reload').tooltip('destroy'); 
      portlet.find('.portlet-title > .tools > .remove').tooltip('destroy'); 
      portlet.find('.portlet-title > .tools > .config').tooltip('destroy'); 
      portlet.find('.portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip('destroy'); 

      portlet.remove(); 
     });