我遵循Unslider文档的所有步骤但不起作用

Question

我已阅读并遵循此处http://unslider.com/的unlider文档，但我的页面中没有任何内容。 缺少什么？

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

Unslider是一个jQuery插件，所以你必须在包含Unslider代码之前包含jQuery ，而不是相反。 E.g：

<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>