javascript - wmuslider 有时只加载

Question

我目前正在为舞蹈工作室制作一个网站，并正在使用 wmuslider 在主页中间创建一个滑块。唯一的问题是滑块有时会加载，有时不会。我发现这在我使用的所有浏览器中都是一个问题：Chrome、Firefox 和 Explorer。我猜这是jquery脚本的问题。有人有什么建议吗？

谢谢， 阿列克斯

该网站是：http ://www.aleksdesign.ca/dance/

Answer 1

在 demo.css 中进行此更改

.wmuSlider {
position: relative;
overflow: hidden;
set some height ->  height: 100px;
}
.wmuSlider .wmuSliderWrapper {
remove -> display:none
}

Answer 2

浏览器可能会在 DOM 准备好之前尝试初始化滑块。等到它准备好：

<script>  
$( document ).ready(function() {
    var options = {touch: true, animation: "slide"};
    $(".wmuSlider").wmuSlider(options);
});
</script>

见http://api.jquery.com/ready/