javascript - jquery 图像 slider "Unslider"无法正常工作

Question

我得到了这个片段 http://unslider.com/ .我做了那里要求的一切以使其正常工作。但不知何故，它似​​乎没有加载队列中的下一张图像，并返回一个空白空间......你可以在这里看到它。 easycounseling.org/new.html .. 这是代码:

<script>
$(function() {
$('.ss-area').unslider();
});
</script>
<div class="ss-area clearfix">
<ul class="img-sli">
<li class="fimg">




<div class="contents clearfix">
        <div class="info-box">
            <h2>DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo </h2>
             <div class="con-us-btn-wr">
                <button  ONCLICK="window.location.href='contact.html'" class="con-us-mer-pg btn con-us">Contact us Now!</button>
            </div>
            <p>
                to signup and avail of our limited period promotional offer!
            </p>

        </div>
    </div>
    <div class="mer-usp-wr">
        <ul class="mer-usp clearfix" style="font-size:18px;">
            <li><a href="#hi-con">DEmo DEmo </a></li>                
            <li><a href="#bett-pri">DEmo DEmo DEmo </a></li>
            <li><a href="#zero-sign">DEmo e</a></li>
            <li><a href="#grt-supp">DEmo DEmo </a></li>
            <li><a href="#go-mob">DEmo DEmo </a></li>
        </ul>
    </div>



</li>



<li class="simg">




<div class="contents clearfix">
        <div class="info-box">
            <h2>DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo DEmo </h2>
             <div class="con-us-btn-wr">
                <button  ONCLICK="window.location.href='contact.html'" class="con-us-mer-pg btn con-us">Contact us Now!</button>
            </div>
            <p>
                to signup and avail of our limited period promotional offer!
            </p>

        </div>
    </div>
    <div class="mer-usp-wr">
        <ul class="mer-usp clearfix" style="font-size:18px;">
            <li><a href="#hi-con">DEmo DEmo </a></li>                
            <li><a href="#bett-pri">DEmo DEmo DEmo </a></li>
            <li><a href="#zero-sign">DEmo e</a></li>
            <li><a href="#grt-supp">DEmo DEmo </a></li>
            <li><a href="#go-mob">DEmo DEmo </a></li>
        </ul>
    </div>



</li>







</ul>








</div>

Answer 1

插件基于 jQuery 库

因此您需要包含 jQuery 和插件脚本文件才能使其正常工作。它们的加载顺序很重要

--->  jQuery

--->  unslider plugin

将其放在包含其他脚本文件的部分。您始终可以通过在浏览器的开发人员工具中检查控制台来对此进行测试。它清楚地显示了错误。