2016-07-20 3 views
3

Хорошо, поэтому проблема в основном неизвестна для меня, никогда раньше ее не было. Я попытался добавить bxslider сегодня, но кажется, что он не работает должным образом. Я попытался использовать другую версию JS, которую он предоставил, но то же самое происходит, изображения продолжают «загружаться», и они никогда не загружаются. Я сделал инспектировать элемент, и это то, что я получилИсключение JQuery bxslider

jQuery.Deferred exception: Cannot read property 'indexOf' of undefined TypeError: Cannot read property 'indexOf' of undefined at jQuery.fn.load (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/jquery-3.0.0.js:9612:12) at HTMLImageElement. (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/plugin/jquery.bxslider.min.js:10:4394) at Function.each (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/jquery-3.0.0.js:359:19) at jQuery.each (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/jquery-3.0.0.js:152:17) at HTMLImageElement. (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/plugin/jquery.bxslider.min.js:10:4355) at Function.each (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/jquery-3.0.0.js:359:19) at jQuery.each (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/jquery-3.0.0.js:152:17) at g (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/plugin/jquery.bxslider.min.js:10:4295) at c (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/plugin/jquery.bxslider.min.js:10:4180) at d (file:///C:/Users/Oploditelj/Desktop/domaci_last/js/plugin/jquery.bxslider.min.js:10:2570) undefined

код, который Im используя точно такой же, как тот, который был на их сайте.

<head> 
     <script type="text/javascript" src="js/jquery-3.0.0.js"></script> 

     <script src="js/plugin/jquery.bxslider.min.js"></script> 
     <link rel="stylesheet" type="text/css" href="js/plugin/jquery.bxslider.css"/> 

     <script type="text/javascript" src="js/skripta.js"></script> 


    </head> <!-- Head ends --> 

и, конечно, Im называя его в отдельный файл .js

$(document).ready(function() { 

    $('.bxslider').bxSlider(); 

}); 

и тело

<body> <!-- Body start --> 
     <ul class="bxslider"> 
      <li><img src="js/plugin/images/pic1.jpg"/></li> 
      <li><img src="js/plugin/images/pic2.jpg"/></li> 
      <li><img src="js/plugin/images/pic3.jpg"/></li> 
     </ul> 

    </body><!-- Body ends --> 
+0

Также, когда я добавляю код после $ ('. Bxslider'). BxSlider() он не будет вызван. Его как будто его совсем не загружают –

ответ

20

Вопрос о JQuery версии 3.0 и совместимость с bxslider.js. И этот вопрос возник из-за функции jQuery .load(). Для решения этой проблемы необходимо изменить одну из bxslider.js. Откройте файл bxslider.js и найдите .load() строку кода функции. Он был использован только один раз в bxslider.js, поэтому необходимо изменение:

От

$(this).load(); 

Для

$(this).trigger('load'); 
+0

Вы спаситель @kkakkurt! Большое спасибо. –

+0

Добро пожаловать @Manik Arora, я рад помочь вам :) – kkakkurt

+0

@kkakkurt Я не могу найти его в файле js. – Volatil3

1

Там в запрос тянуть на GitHub, который решает эту:

https://github.com/stevenwanderski/bxslider-4/pull/1024

Я бы порекомендовал вам тест это из.

+0

https://github.com/Rahisify/bxslider-4 также имеет этот встроенный интерфейс - все еще есть некоторые функциональные причуды с jquery 3.1.1, хотя ... но по крайней мере он поддерживается немного. – sirclesam

Смежные вопросы