JavaScript — Select2 Js не работает в Swiper Js

Select2 Js не работает в Swiper Js

Прямо сейчас я использую Select2.js в сочетании или положить в Swiper.js, и я также поместил оба в модальности Bootstrap. Но проблема в том, что Select2 Js не работает ( выпадающий и фильтр textfiled не работают ), вот коды, которые я пробовал раньше:

Bootstrap:

{amp}lt;div class="modal fade" id="passModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"{amp}gt; {amp}lt;div class="modal-dialog modal-dialog-centered" role="document"{amp}gt; {amp}lt;div class="modal-content"{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="modal-body"{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

Swiper JS

 var swiperpass = new Swiper('.content-pass', { pagination: { el: '.numb-pagination', type: 'fraction', }, navigation: { nextEl: '.form-next', prevEl: '.form-prev', }, spaceBetween: 30 }); 

Затем, после поиска некоторого решения, я нашел небольшое решение ( выпадающий список работает ), добавив simulateTouch:false в строку кода:

 var swiperpass = new Swiper('.content-pass', { pagination: { el: '.numb-pagination', type: 'fraction', }, navigation: { nextEl: '.form-next', prevEl: '.form-prev', }, spaceBetween: 30, simulateTouch:false }); 

Но у меня все еще есть проблема, текстовое поле фильтра все еще не работает .

Итак, что я должен сделать, чтобы он работал правильно. Спасибо

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector