Javascript 图像转盘滑块不工作bxSlider

这就是我的旋转木马显示为

在我的代码中，我包括了

<!-- bxSlider CSS file -->
        <link rel="stylesheet" href="<c:url value="/resources/css/jquery.bxslider.css" />" type="text/css" />
        <script type="text/javascript" language="javascript" src="<c:url value="/resources/js/jquery.js" />"></script>
        <!-- bxSlider Javascript file -->
        <script type="text/javascript" language="javascript" src="<c:url value="/resources/js/jquery.bxslider.js" />"></script>

这就是我的html的样子

---

如何修复此问题？

我不能肯定，但可能是因为.bxSlider（）函数在图像填充到ul中之前正在运行

我的建议是尝试以下方法：

setTimeout(function(){
    $('.bxslider').bxSlider();
},500);

---

当然，500可能太长了，如果它真的起作用，我会试着把它降到10，然后再上升，直到你有好的表现。此外，在处理速度非常慢的internet连接（如3G或拨号）时，超时可能很棘手，在这种情况下，您可能需要一些更复杂的代码来准确地知道何时完成图像加载。

我不能确定，但这可能是因为.bxSlider（）函数在图像在ul中填充之前正在运行

我的建议是尝试以下方法：

setTimeout(function(){
    $('.bxslider').bxSlider();
},500);

当然，500可能太长了，如果它真的起作用，我会试着把它降到10，然后再上升，直到你有好的表现。此外，当处理速度非常慢的互联网连接时，超时可能会很棘手，如3G或拨号，在这种情况下，您可能需要一些更复杂的代码来准确地知道图像何时加载完毕

setTimeout(function(){
    $('.bxslider').bxSlider();
},500);