2017-05-31 24 views
3

我有表,在最後一欄我已經下拉:不起作用引導V4下拉反應

<td> 
      <div className="dropdown"> 
      <button className="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
       Dropdown 
      </button> 
      <div className="dropdown-menu" aria-labelledby="dropdownMenu2"> 
       <button className="dropdown-item" type="button">Action</button> 
       <button className="dropdown-item" type="button">Another action</button> 
       <button className="dropdown-item" type="button">Something else here</button> 
      </div> 
      </div> 
     </td> 

但是當我點擊滴下來它不會打開,可與唱段和數據問題屬性?

+0

您是否檢查過以確保'bootstrap.js'已加載? – MTCoster

+0

當你點擊按鈕打開下拉菜單時,將'.open'類追加到'.dropdown-menu',並在再次單擊時將其刪除。確保包含bootstrap.css和bootstrap.js。 –

+0

通過JS Bin創建簡化的測試用例並通過鏈接回報將有助於解決您的問題 – Chris

回答

0

我不認爲className屬性在這裏工作。如果你用「class」替換「className」,只需添加bootstrap即可。

<html> 
<head> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" crossorigin="anonymous"> 
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> 
</head> 

<body> 
    <td> 
    <div class="dropdown"> 
     <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
     Dropdown 
     </button> 
     <div class="dropdown-menu" aria-labelledby="dropdownMenu2"> 
     <button class="dropdown-item" type="button">Action</button> 
     <button class="dropdown-item" type="button">Another action</button> 
     <button class="dropdown-item" type="button">Something else here</button> 
     </div> 
    </div> 
    </td> 
</body> 
</html> 
0

我有類似的問題。將腳本文件(bootstrap,jquery等)從文件底部移動到<head>引導程序下拉列表開始工作。