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

【问题标题】：Bootstrap jQuery library conflict: Uncaught TypeError: $(...).popover is not a function(…)Bootstrap jQuery 库冲突：未捕获的类型错误：$(...).popover 不是函数(...)
【发布时间】：2017-04-11 21:00:20
【问题描述】：

我正在尝试将 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>

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

【问题讨论】：

源代码中的答案是否解决了 html 语法问题，或者您在发布到 SO 时错过了它？
<script src="jquery-3.1.1.js"></script> 您缺少脚本 src 包含的结束标记。

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

【解决方案1】：

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

旧脚本

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

新脚本

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

【讨论】：