提问者:小点点

两个javascript函数的冲突


我用的是烧瓶。 应用程序的模板需要以下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>

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

好心帮忙这两个功能应该如何整合?


共1个答案

匿名用户

只加载一次jQuery。

加载jQuery,添加插件,然后再次加载jQuery将清除插件。

不要使用过时的,不受支持的,存在已知安全漏洞的jQuery版本。