Bootsrap v4-alpha不起作用收起

我正在使用ASP.NET MVC的引導程序。在這裏，我的手風琴沒有開始崩潰。Bootsrap v4-alpha不起作用收起

我試圖添加這段JavaScript代碼：

<script> 
    $(function() { 
     $('#accordion').collapse({ 
      toggle: false 
     }) 
    }); 
</script>

但它不工作。可能是什麼問題呢？

<div id="accordion" role="tablist" aria-multiselectable="true"> 

     @foreach (var HB in pages) 
     { 
      <h2>@HB.Title</h2> 

      foreach (var item in HB.Pages) 
      { 
       string cname = "collapse" + item.ID; 
       string hname = "heading" + item.ID; 

       <div class="panel panel-default"> 
        <div class="panel-heading" role="tab" id="@hname"> 
         <h4 class="panel-title"> 
          <a data-toggle="collapse" data-parent="#accordion" href="#@cname" aria-expanded="true" aria-controls="@cname"> 
           @item.Title 
          </a> 
         </h4> 
        </div> 
        <div id="@cname" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="@hname"> 
         @item.Description 
        </div> 
       </div> 

      } 
     } 
    </div>

來源

2016-10-07 Oğuzhan Sari

試圖解釋您的方案中最簡單的方式，讓任何人都能很清楚。第一件事是你正在使用什麼，以及你已經嘗試過什麼，然後是你的示例代碼。 –

您的代碼適用於我。

我想你在包括bootstrap之前不包括jquery。前白手起家的js文件引用此：

<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>

這是我codepen你的代碼工作：

http://codepen.io/egerrard/pen/GjQZoZ

來源

2016-10-08 00:16:17

Bootsrap v4-alpha不起作用收起

回答

相關問題