Id /危险的swiper为ul / li不工作

Question

我有一个包含3个li元素的ul列表，并且想要在多维数据集中滑动它们但它不起作用，也许我对swiper包装或swiper幻灯片类错了？

    <!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    effect: 'cube',
    grabCursor: true,
    cube: {
        shadow: true,
        slideShadows: true,
        shadowOffset: 20,
        shadowScale: 0.94
    }
});
</script>



<div class="swiper-container">
    <div class="swiper-wrapper">
        <ul>
            <div class="swiper-slide">
                 <li>hello world</li>
            </div>
            <div class="swiper-slide">
                 <li>hello world</li>
            </div>
            <div class="swiper-slide">
                 <li>hello world</li>
            </div>
       </ul>
    </div>
</div>