2016-07-20 4 views
3

In Ordnung, so ist das Problem im Grunde unbekannt für mich, hatte es noch nie zuvor. Ich habe versucht, bxslider heute hinzuzufügen, aber es scheint, dass es nicht richtig funktioniert. Ich habe versucht, die andere Version des JS zu verwenden, die er zur Verfügung gestellt hat, aber das gleiche passiert, die Bilder bleiben "geladen" und sie laden nie. Ich habe Element inspizieren und das ist, was ich habeJquery bxslider Ausnahme

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

Der Code, dass Im mit genau die gleiche wie die, die auf ihrer Website war.

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

und natürlich Im nennt es innerhalb separate Js

Datei
$(document).ready(function() { 

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

}); 

und der Körper ist

<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

Auch wenn ich nach $ ('. Bxslider') einen Code hinzufüge, wird bxSlider() nicht aufgerufen. Es ist wie es überhaupt nicht geladen wird –

Antwort

20

Das Problem ist, über jQuery-Version 3.0 und die Kompatibilität mit bxslider.js. Und dieses Problem wurde von jQuery .load() Funktion ausgelöst. Sie müssen bxslider.js eine Zeile ändern, um dieses Problem zu lösen. Öffnen Sie Ihre Datei bxslider.js und suchen Sie nach der Codezeile der Funktion .load(). Es wurde nur 1-mal bxslider.js verwendet, so dass die notwendige Änderung ist:

Von

$(this).load(); 

Um

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

Sie sind ein Retter @ kkakkurt! Danke vielmals. –

+0

Gern geschehen @Manik Arora, ich bin froh, Ihnen zu helfen :) – kkakkurt

+0

@kkakkurt Ich kann es nicht in meiner Js-Datei finden. – Volatil3

1

Es gibt eine Pull-Anforderung auf Github, die diese löst:

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

Ich würde Ihnen empfehlen zu testen es aus.

+0

https://github.com/Rahisify/bxslider-4 hat auch das eingebaut - hat immer noch einige funktionale Macken mit jquery 3.1.1 though ... aber zumindest wird es ein bisschen gepflegt. – sirclesam