javascript - Bootstrap jQuery 库冲突：未捕获的类型错误：$(...).popover 不是函数(...)

Question

我正在尝试将 popover 功能添加到我的代码中，我在使用几乎完全相同的代码之前使其工作并且永久失去了该进度，现在我不确定我首先做了什么来修复它。我敢肯定这是一个简单的疏忽，但我的想法破产了。

我在控制台中收到错误“Uncaught TypeError: $(...).popover is not a function(...)”

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

本质上，我了解问题的本质，但不确定如何解决。

Answer 1

请修复脚本标签中的语法错误

旧脚本

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

新脚本

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