Jquery I用于ul/li的危险开关不工作

我有一个包含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>

var swiper=新的swiper（“.swiper容器”{
分页：'.swiper分页'，
效果：“立方体”，
格雷博：是的，
立方体：{
影子：没错，
幻灯片：没错，
偏移量：20，
阴影比例：0.94
}
});

你好，世界
你好，世界
你好，世界

您是在正文中还是在文档准备就绪后初始化刷卡器？在文档准备就绪后。