引導程序收起無法正常工作（隱藏不起作用）

我正在使用引導程序收起功能在IBM Web門戶中無法正常工作。它在「顯示」功能上工作正常，但不能在「隱藏」功能中工作。引導程序收起無法正常工作（隱藏不起作用）

<a href="#demo" data-toggle="collapse"><span class=」icon」>Collapsible</span></a> 

<div id="demo" class="collapse"> 
Sample Code 
</div>

我看到控制檯窗口中的「面積擴大」的價值並沒有在我們的崩潰改變，也沒有改變類的名稱，如「倒塌」和崩潰」。

如何解決它。

來源

2016-02-19 CodeMan

檢查您是否有重複的jQuery文件。 –

你的代碼的工作！但是，沒有jQuery，它不能正常工作。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Title</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
</head> 
<body> 

<div class="container"> 
    <a href="#demo" data-toggle="collapse"><span class=」icon」>Collapsible</span></a> 

    <div id="demo" class="collapse"> 
    Sample Code 
    </div> 
</div> 

</body> 
</html>

來源

2016-02-19 07:13:41

在下面的代碼一看，它可以幫助你

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<input type="radio" name="group1" value="2" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" id="panel1">panel 1 <br> 
 
<input type="radio" name="group1" value="3" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" id="panel2"> panel 2 
 
<div class="panel-heading" id="collapse1" class="panel1"> 
 
    <div id="collapseTwo" class="panel-collapse collapse"> 
 
    <div class="panel-body"> 
 
     you are now in body of panel1 
 
    </div> 
 
    </div> 
 
</div> 
 
<div class="panel-heading" id="panel2" class="collapse"> 
 
    <div id="collapseThree" class="panel-collapse collapse"> 
 
    <div class="panel-body"> 
 
     you are now in body of panel 2 
 
    </div> 
 
    </div> 
 
</div>

來源

2016-02-19 07:07:02

我曾遇到同樣的問題，有很多原因，確保有在頁面沒有重複引用來引導庫，爲我消除重複工作參考。

來源

2016-02-19 07:17:06

你的意思是重複參考？ – CodeMan

我使用的是Asp.net，它自己增加了引導引用，就像我們如何添加鏈接到樣式表一樣，VS增加了它自己的引用，並且我在同一頁面中添加了引導樣式表和js文件的鏈接，對我來說刪除工作的js和css文件的重複引用。 –

在

<head>  
    <script type="text/javascript" src="jquery-3.1.1.js"></script> 
    <script src="js/bootstrap.js"></script> 
</head>

，並在身體的結束，您可以添加：

<body> 
.............. 
    <script src="js/jquery-1.11.3.min.js"></script> 
</body>

該代碼是解決你的問題

來源

2017-03-30 15:05:37

引導程序收起無法正常工作（隱藏不起作用）

回答

相關問題