[TB] [JS] 解决Error: $(...).collapse is not a function || <script>顺序问题!!

今天改别人的前端代码,明明所有的collapse就是按照官网写的,但是执行就是报错:

$("#abc").on('show.bs.collapse',function(){});

竟然不工作,

而且执行 $("#abc").collapse("show");

竟然报错: $(...).collapse is not a function

 

>> 解决方案: <script> 的顺序非常有说法!!!!!!

基于https://stackoverflow.com/questions/35600483/bootstrap-collapse-not-working-with-jquery

发觉引发的原因是:

<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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

导致的!!!

## 最后把最后一个jquery 的<script> 删掉后,就工作了!!!!!!
 

 

posted @ 2018-03-12 15:36  小小Guido妹  阅读(580)  评论(0编辑  收藏  举报