Мой dropkick js загружен, но javascript говорит, что dropkick не является функцией - PullRequest
Новая
       9

Мой dropkick js загружен, но javascript говорит, что dropkick не является функцией

1 голос
/ 08 апреля 2020

Я загрузил dropkick js, и я могу подтвердить это, когда я загружаю страницу источник просмотра страницы 

<script src="/core/assets/vendor/jquery/jquery.min.js?v=3.2.1"></script>
<script src="/core/assets/vendor/jquery/jquery-extend-3.4.0.js?v=3.2.1"></script>
<script src="/themes/custom/amarula/assets/libs/dropkick.min.js?q8gncy"></script>
<script src="/themes/custom/amarula/assets/js/main.js?q8gncy"></script>
<script src="//cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>

Ниже приведено то, что у меня есть в моем файле yml: 

global-css:
  css:
    theme:
      assets/css/style.css: {}
      assets/css/libs/dropkick.css: {}
      //cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css: {}

global-js:
  js:
    assets/libs/dropkick.min.js: {minified: true}
    assets/js/main.js: {}
    //cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js: {}
  dependencies:
    - core/jquery

В моем основном. js: 

$('.serve-amount').dropkick();

и вот мой тег выбора: 

<select name="serve-amount" class="serve-amount">
  <option value="{{ content.field_recipe_serve_amount }}">{{ content.field_recipe_serve_amount }}</option>
</select>

при просмотре страницы я вижу следующую ошибку: 

jquery.min.js?v=3.2.1:2 Uncaught TypeError: $(...).dropkick is not a function

Как я могу использовать dropkick в моем теге select?

1 Ответ

0 голосов
/ 08 апреля 2020

Предполагая, что assets/js/main.js является вашим собственным дополнительным JS файлом.

Можете ли вы попробовать разделить вашу и стороннюю библиотеку, а затем добавить это dropkick.js в качестве зависимости: 

global-js:
  js:
    assets/js/main.js: {}
    //cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js: {}
  dependencies:
    - core/jquery
    - your_module/dropkick.js

dropkick.js:
  js:
    assets/libs/dropkick.min.js: {minified: true}
  dependencies:
    - ...
...