Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导折叠不';单击后不要保持打开状态_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 引导折叠不';单击后不要保持打开状态

Javascript 引导折叠不';单击后不要保持打开状态,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我已经安装了laravel和vue js,并使用引导。我正在尝试使用引导折叠。但当我点击打开折叠的项目时,它会打开几毫秒,然后消失。这是我的密码 <a href="#demo" class="btn btn-info" data-toggle="collapse">Simple collapsible</a> <div id="demo" class="collapse"> Lorem ipsum dolor sit amet, consectetur

我已经安装了laravel和vue js,并使用引导。我正在尝试使用引导折叠。但当我点击打开折叠的项目时,它会打开几毫秒,然后消失。这是我的密码

<a href="#demo" class="btn btn-info" data-toggle="collapse">Simple collapsible</a>
<div id="demo" class="collapse">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
   sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

Lorem ipsum dolor sit amet,奉献精英,
这是临时性的劳动和就业机会。我们在这里吃得很少,
我们的实验室是一个普通的实验室。
我试图使用
$('.collapse').collapse()但如果注释这行或保留它,则不会产生任何效果。理智的结果

知道怎么了吗?控制台中也没有错误

谢谢

您缺少数据目标属性&不需要为标记设置href标记。
检查下面的代码片段以了解工作代码


简单可折叠
简单可折叠
Lorem ipsum dolor sit amet,奉献精英,
这是临时性的劳动和就业机会。我们在这里吃得很少,
我们的实验室是一个普通的实验室。

补充莫利克的答案:

如果您使用的是v4,请确保jquery/bootstrap.min.js的版本正确



请发布一些复制问题的代码片段…此代码在正常设置中有效,但在laravel vue设置中不起作用。不幸的是,无法使用laravel vue获取代码片段。它正常工作,但在vue模板中粘贴代码时,可能不会添加任何其他版本的js源文件&这可能会造成问题。检查你添加的.js文件列表。我也有同样的问题。我通过向引导添加正确的JS解决了这个问题。我使用的是Bootstrap v4.3,JS是V3.31。希望能有帮助
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>