我遵循所有步骤，但没有工作。

Question

我阅读并跟踪了http://unslider.com/中的反滑块文档，但是页面中没有显示任何内容。有什么遗漏了吗？

html

<div class="banner">
    <ul>
        <li>This is a slide.</li>
        <li><img src="imagens/banner2 2.jpg" /></li>
        <li>This is a final slide.</li>
    </ul>
</div>

Javascript：

<script type="text/javascript" src="unslider/unslider.min.js"> </script>
 <script type='text/javascript' src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        $(function() {
        $('.banner').unslider();
    });
</script>

CSS：

.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; min-height:100px;}

Answer 1

反滑块是一个jQuery插件，所以你必须先包括jQuery，然后才能包含反滑块代码，而不是相反。例如：

<script type='text/javascript' src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="unslider/unslider.min.js"></script>
<script type="text/javascript">
    $(function() {
    $('.banner').unslider();
});
</script>