Bootstrap jQuery库冲突:Uncaught TypeError:$(...)。popover不是函数(...)

时间:2016-11-28 07:36:48

标签: javascript jquery twitter-bootstrap popover conflicting-libraries

我正在尝试将popover函数添加到我的代码中,我在使用几乎完全相同的代码之前使其工作并永久地失去了进展,现在我不确定我在第一时间做了什么来解决它。我确信这是一个简单的疏忽,但我已经破产了。

我在控制台中收到错误" Uncaught TypeError:$(...)。popover不是函数(...)"

    <script src="jquery-3.1.1.js"</script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
    (function($){

        $(document).ready(function(){
                $('[data-toggle="popover"]').popover(); 
        });

    })(jQuery);
    </script>

从本质上讲,我理解问题的本质,但不确定如何解决问题。

1 个答案:

答案 0 :(得分:1)

请修正脚本代码中的语法错误

旧脚本

<script src="jquery-3.1.1.js"</script>

新脚本

 <script src="jquery-3.1.1.js"></script>