Jquery bxslider 异常

Question

好的，所以这个问题对我来说基本上是未知的，以前从未遇到过。我今天尝试添加 bxslider，但它似乎无法正常工作。我尝试使用他提供的其他版本的 JS，但发生了同样的事情，图像保持在 "loading" 并且它们永远不会加载。我确实检查了元素，这就是我得到的

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

我使用的代码与他们网站上的代码完全相同。

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

Answer 1

问题是关于 jQuery 版本 3.0 和与 bxslider.js 的兼容性。这个问题是由 jQuery .load() 函数引起的。您必须更改 bxslider.js 的一行才能解决此问题。打开 bxslider.js 文件并找到 .load() 函数的代码行。 bxslider.js只用了1次，所以需要改的是：

来自

$(this).load();

到

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

Answer 2

github 上有一个解决此问题的拉取请求：

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

我建议你测试一下。

Jquery bxslider 异常

Jquery bxslider exception

javascript

jquery

bxslider