我想知道为什么我的类“panel-collapse”“collapse”不起作用。
我刚刚将文件上传到我的服务器上,当我单击链接区域时,它们不起作用(它们不会放下隐藏内容)。但是,它们在我的 Dreamweaver 预览中完美运行(另外在我下面粘贴的示例代码中)。
如果您想查看在线版本,请查看此链接 https://www.carloanfinder.co.uk/CLF30-WEB/CLF3_0_web-ONLY-FORM-v3.html您可以看到,当您单击可单击区域(例如绿色区域)时,它们不起作用。
如果有人想检查代码。请在下面找到我正在使用的小例子。 (这里也适用)
<!doctype html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="Keywords" content="">
<meta name="robots" content="index,follow">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<a data-toggle="collapse" data-parent="#accordion" href="#FAQ5"> <div class="col-md-12 form-clf-green-bar-bg">
<!--F-2-header--> <p style="background-color: red"> CLICK ME </p>
</div> </a>
<!--F-2-form-->
<div id="FAQ5" class="panel-collapse collapse">
<!--contact us grey--> <br class="cB" /><div class="container-fluid">
<div class="row form-bg-grey">
<!--text--> <div class="col-md-12"> <h4>TEST HELLO!</h4>
</div>
</div>
</div>
</div>
<!-- Latest compiled and minified JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="JS-CLF30.js"></script>
</body>
</html>
最后,请找到一张图像,当您单击绿色区域(按钮)时,它应该下拉什么(表单)
如果有人能告诉我错误/错误在哪里,那就太棒了。因为我无法理解错误在哪里。我已经在 Chrome 和 Firefox 上检查过了。
非常感谢
最佳答案
我认为代码是正确的,但是加载http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js时出现问题
当使用带有您提供的链接的检查器时,它表示由于“混合内容”而未加载文件:https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content
您可以尝试将 bootstrap.min.js 直接上传到您的服务器并链接本地版本吗?
祝你好运! :)
关于javascript - Bootstrap "Panel-collapse" "collapse"无法在线工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40282337/