簡體   English   中英

Jquery bxslider異常

[英]Jquery bxslider exception

好吧所以問題對我來說基本上是未知的,從來沒有過。 我今天嘗試添加bxslider,但它似乎無法正常工作。 我嘗試使用他提供的其他版本的JS,但同樣的事情發生,圖像繼續“加載”,他們永遠不會加載。 我做了檢查元素,這就是我得到的

jQuery.Deferred異常:無法讀取未定義的屬性'indexOf'TypeError:無法在jQuery.fn.load中讀取未定義的屬性'indexOf'(file:/// C:/ Users / Oploditelj / Desktop / domaci_last / js / jquery- 3.0.0.js:9612:12)在HTMLImageElement。 (file:/// C:/Users/Oploditelj/Desktop/domaci_last/js/plugin/jquery.bxslider.min.js:10:4394)在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)在HTMLImageElement。 (file:/// C:/Users/Oploditelj/Desktop/domaci_last/js/plugin/jquery.bxslider.min.js:10:4355)在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)在d(file:/// C:/Users/Oploditelj/Desktop/domaci_last/js/plugin/jquery.bxslider。 min.js:10:2570)未定義

我使用的代碼與他們網站上的代碼完全相同。

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

當然我在單獨的.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 -->

問題是關於jQuery 3.0版和與bxslider.js兼容性。 這個問題是由jQuery .load()函數引起的。 你必須改變bxslider.js的一行來解決這個問題。 打開你的bxslider.js文件,找到.load .load()函數的代碼行。 它在bxslider.js只使用了一次,因此必要的更改是:

$(this).load();

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

在github上有一個pull請求解決了這個問題:

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

我建議你測試一下。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM