Unslider已配置dots为true却不显示幻灯片导航圆点的问题排查

直接原因 #

你自定义CSS中写入了.unslider-nav { display: none; }，而Unslider开启dots: true参数后，生成的导航圆点父容器就是这个类名。这段样式会强制隐藏整个导航块，和插件参数配置无关，是圆点无法显示的核心原因。
解决：删掉这段隐藏代码，或根据需求改为display: block等允许显示的属性值。

其他需排查的潜在问题 #

1. 本地插件脚本未正常加载：你引用的Unslider脚本为本地相对路径js/unslider-min.js，如果文件存放位置错误、路径拼写有误，会导致插件完全未执行，自然无法生成导航元素。可打开浏览器开发者工具的「网络」面板，检查该脚本的请求状态，若返回404需修正路径。
2. 插件版本不匹配：你引入的是Unslider 2.0.3版本的官方CSS，若本地JS文件版本与CSS版本不一致，可能导致元素渲染异常，需确保两者版本完全对应。
3. 容器样式冲突：你给.pwp-slider设置了overflow: auto，Unslider官方默认容器样式为overflow: hidden，该设置可能引发多余滚动条，建议改为hidden避免异常。

内容的提问来源于stack exchange，提问作者CodeForGood