如何使 jQuery 在 ES6 文件中正常工作

Question

我还不明白为什么 jquery 在我的 class 中不起作用，有人知道吗？

我使用 jQuery 3.4.0，Laravel-mix 'app.js'（如果在 [=14= 中调用 jQuery，是否正确加载 jQuery ]) 和 bootstrap.bundle.min.js

var NavbarComponents = function() {
  var _componentSelect2 = function() {
    if (!$().select2) {
      console.log('Warning - select2.min.js is not loaded.');
      return;
    }
  }

return {
  init: function() {
    _componentSelect2();
  }
}
}();

document.addEventListener('DOMContentLoaded', function() {
  NavbarComponents.init();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>

例如这个$函数不起作用，我得到一个'function is undefined error'。

<head>
  <!-- Laravel mix file -->
  <!-- <script src="{{ asset('js/app.js')}}" defer></script> -->

  <!-- Core JS files -->
  <script src="{{ asset('plugins/jquery/jquery-3.4.0.min.js') }}"></script>
  <script src"{{ asset('plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>

  <!-- Theme file -->
  <script src="{{ asset('plugins/select2/js/select2.min.js')}}"></script>

  <!-- The custom js script -->
  <script src="{{ asset('js/admin/navbar_components.js')}}"></script>
</head>

也无法从 CDN 加载最新的 jQuery 版本。

这很有效

Jsfiddle

Answer 1

我在我的文件中用 jquery 加载数据表是愚蠢的错误，因为现在我使用了 jquery 两次。

抱歉，感谢您抽出宝贵时间！

如何使 jQuery 在 ES6 文件中正常工作

How do I make jQuery work correctly in an ES6 file

javascript

jquery

laravel

ecmascript-6

laravel-5.8