2017-06-14 61 views
0

我正在使用引導程序摺疊類。我的HTML代碼: -如何使用javascript訪問引導程序摺疊方法

    <div class="panel-group"> 
         <div class="panel panel-default"> 
         <div class="panel-heading"> 
          <h4 class="panel-title"> 
          <input type="checkbox" id="select" data-toggle="collapse" data-target="#collapse1"> Please Select 
          </h4> 
         </div> 
         <div id="collapse1" class="panel-collapse collapse"> 
          <div class="panel-body"> 
          </div> 
          <div class="panel-footer"> 

          </div> 
         </div> 
         </div> 
        </div> 

我想用Javascript訪問此功能。我想要的是當我點擊複選框或面板崩潰時,我想在此期間做些事情。如何訪問使用JavaScript的崩潰? 我想這個代碼: -

$('.collapse').on('hide.bs.collapse', function() { 
     //my funcionality here 
    }); 

但是,這是行不通的。任何人都可以告訴我這段代碼有什麼問題。

+0

你能詳細說明這是不是工作(你得到一個錯誤)?也許用你的代碼添加一個plunker? –

回答

0

根據引導文檔,你的jQuery選擇器是錯誤的。你應該通過div id這將是一個崩潰。

$('#collapse1').on('hide.bs.collapse', function() { 
     //my funcionality here 
});