我的序列滑块将不会自动播放,并且我无法弄清丢失的内容!我不使用滑块上的动画。 HTML是这样的:
<div class="seq-screen">
<ul class="seq-canvas">
<li class="seq-step1" id="step1" style="background-image: url('slide3.jpg'); background-size: cover;">
<div class="seq-content">
<h2 class="title">We source the best mortgage products</h2>
<a class="button greenbg" href="#" target="_blank" >Call us Now</a>
<a class="button bluebg" href="#" target="_blank" >Start Online</a>
</div>
</li>
<li class="seq-step2" id="step2" style="background-image: url('slide1.jpg'); background-size: cover;">
<div class="seq-content">
<h2 class="title">Independent Mortgage Brokers</h2>
<h3 class="clear">Expert, friendly advice tailored to you</h3>
<a class="button greenbg" href="#" target="_blank" >Call us Now</a>
<a class="button bluebg" href="//sequencejs.com/" target="_blank" >Start Online</a>
</div>
</li>
</ul>
</div>
<ul rel="sequence" class="seq-pagination" role="navigation" aria-label="Pagination">
<li><a href="#step1" rel="step1" title="Go to slide 1">Powered by Sequence.js</a></li>
<li><a href="#step2" rel="step2" title="Go to slide 2">Powered by Sequence.js</a></li>
</ul>
</div>
Javascript(控制台中未显示任何错误):
jQuery( document ).ready(function() {
var sequenceElement = document.getElementById("sequence");
var options = {
animateCanvas: false,
cycle: false,
autoPlay: true,
autoPlayInterval: 500
};
var mySequence = sequence(sequenceElement, options);
});
我已包含所有相关文件,并且滑块可与导航按钮一起使用,但不会自动播放。谁能帮我?预先感谢!