时间戳

首页 > 解决方案 > YayraBox 数据表 JavaScript CDN 与 Laravel 冲突

javascript - YayraBox 数据表 JavaScript CDN 与 Laravel 冲突

问题描述

我是学习 Laravel 的初学者。

我一直在我的模板中包含引导程序和通用 css 和 js：

<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

我已经为 jquery 和 jquery-datatables 库添加了 CDN，但现在出现错误。

为了让它工作，我已经注释掉了<script src="{{ asset('js/app.js') }}" defer></script>哪个是由 Laravel 应用程序编译的，这意味着我丢失了我拥有的任何自定义 JavaScript。

    <!-- Scripts -->
    <script
              src="https://code.jquery.com/jquery-3.4.0.min.js"
              integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg="
              crossorigin="anonymous">
    </script>
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <!-- <script src="{{ asset('js/app.js') }}" defer></script> -->

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">

为什么这些库与 Laravel 应用程序冲突，我该如何解决？

标签： javascriptjquerycsslaraveldatatables

解决方案

Laravel app.js 已经包含 jquery.js，所以你不需要再添加，所以 Yjra table js，应该在 app.js 的下面添加

 <script src="{{ asset('js/app.js') }}"></script>
 <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>

或者

<script src="{{ asset('js/app.js') }}"></script>
 <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

尝试将所有 JS 保留在页脚部分，现在对于 css 也是如此，您只需在 app.css 下方添加 css

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
   <link href="{{ asset('css/jquery.dataTables.min.css') }}" rel="stylesheet">

或者

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">

即使我有一个存储库，您也可以在此处关注。

推荐阅读