Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap 引导折叠未正常工作（隐藏未工作）

Twitter bootstrap 引导折叠未正常工作（隐藏未工作）

twitter-bootstrap twitter-bootstrap-3

Twitter bootstrap 引导折叠未正常工作（隐藏未工作）,twitter-bootstrap,twitter-bootstrap-3,websphere-portal,Twitter Bootstrap,Twitter Bootstrap 3,Websphere Portal,我使用的引导折叠功能在IBM web门户中无法正常工作。 它可以在“显示”功能上正常工作，但不能在“隐藏”功能上正常工作 <a href="#demo" data-toggle="collapse"><span class=”icon”>Collapsible</span></a> <div id="demo" class="collapse"> Sample Code </div> 示例代码 我在控制台窗口中看到

我使用的引导折叠功能在IBM web门户中无法正常工作。 它可以在“显示”功能上正常工作，但不能在“隐藏”功能上正常工作

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

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


示例代码
我在控制台窗口中看到“区域扩展”值在我们的折叠中没有改变，也没有改变类名，比如“折叠”和在中折叠”

如何修复它。

查看下面的代码，它可能会对您有所帮助


面板1

小组2
您现在在panel1的主体中
您现在位于面板2的主体中
您的代码工作正常！但是，没有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>


标题
示例代码
我也遇到了同样的问题，原因很多，请确保页面中没有对引导库的重复引用，对我来说删除重复引用是有效的。

在

<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>


..............
该代码可以解决您的问题

检查您是否有重复的jquery文件。重复引用是什么意思？我使用的是Asp.net，它本身添加了引导引用，就像我们如何添加到样式表的链接，VS自己添加，我在同一页面中再次添加到引导样式表和js文件的链接，对我来说，删除对js和css文件的重复引用是有效的。没有什么特别说明这段代码有什么帮助。