javascript - Use unslider to implement carousel images. Why are there no dots on the image?

Question

<style>
        .banner { position: relative;overflow:auto}
        .banner li { list-style: none; }
        .banner ul li { float: left; }
</style>

-------------------------------

 <p class="CrisprBanner banner">
                <ul >
                    <li>
                        <img src="banner0.png">
                
                    </li>
                    <li>
                        <img src="banner.png">
    
                    </li>
    
                </ul>
            </p>

-------------------

<script>
    $(function() {

        unslider = $('.banner').unslider({
            speed: 500,               //  切换的速度
            delay: 3000,              //  切换的速度
            keys: true,               //  是否启用左右按钮控制slider切换
            fluid: false,              // 是否每次在容器大小改变的时候，修正slider的大小
            pause:true,                 //鼠标以上去是否暂停播放
            starting:function(){        //每次开始切换时回叫方法
                console.log("starting");
            },
            complete:function(){         //每次完成切换时回叫方法
                console.log("complete");
            },
            arrows: true,               //  是否显示左右箭头，用于slider切换
            dots: true                  //  是否显示白色圆点，用于slider切换
        });
    });
</script>

Answer 1

Check to see if the parameters for dot display supported by this plug-in are written incorrectly. If not, check to see if the height of the carousel is blocked. If not, check to see if any global attributes have been set that affect the dots. Yes. Scroll through the html part to see if the dots exist in the dom