两个javascript函数冲突

Question

我正在使用Flask。app模板需要Jquery的以下功能，用于主文件中的智能链接。

 <script type="text/javascript" src="{{ url_for('static', filename='/libs/jquery/jquery.js')}}"></script>

    <!-- SmartMenus jQuery plugin -->
    <script type="text/javascript" src="{{ url_for('static', filename='jquery.smartmenus.js')}}"></script>

    <!-- SmartMenus jQuery init -->
    <script type="text/javascript">
      $(function() {
        $('#main-menu').smartmenus({
          subMenusSubOffsetX: 1,
          subMenusSubOffsetY: -8
        });
      });
    </script>

然而，下面的javascript代码需要在扩展页面上。

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
       <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

   <script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
   <script src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script>
   <script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js"></script>


   <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
   <script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/pdfmake.min.js"></script>
   <script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/vfs_fonts.js"></script>
   <script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js"></script>
   <script src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js"></script>


   <script type="text/javascript">

$(document).ready(function() {
   $('#example').DataTable( {
       dom: 'Bfrtip',
       buttons: [
           'copy', 'csv', 'excel', 'pdf', 'print'
       ]
   } );
} );
   </script>

如果我在主文件上注释第一个代码块，那么下面的代码在我的表上是有效的，否则，第二个块是无效的。:(

请帮助这两个功能应该如何集成？

Answer 1

加载jQuery一次，且仅加载一次。

加载jQuery，添加插件，然后再次加载jQuery将擦除插件。

请勿将过时的、不受支持的jQuery版本与known security vulnerabilities配合使用。