Как мне заставить JQuery правильно работать в файле ES6 (решено) - PullRequest
Новая
       14

Как мне заставить JQuery правильно работать в файле ES6 (решено)

0 голосов
/ 26 июня 2019

Я пока не могу понять, почему jquery не работает в моем классе, у кого-нибудь есть идея?

Я использую jQuery 3.4.0, Laravel-mix 'app.js' (правильно ли загружает jQuery, если jQuery вызывается из jQuery(document).ready(function ($) {});) и 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>

Например, эта $ функция не работает, я получаю «функция является неопределенной ошибкой». 

<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>

Также не работает загрузка последней версии jQuery из CDN.

Это работает нормально

Jsfiddle

1 Ответ

0 голосов
/ 26 июня 2019

Я загрузил datatables с помощью jquery в моей глупой ошибке, потому что теперь я использовал jquery дважды.

Извините и спасибо за ваше время!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...