当 $ChanceToShow=0 时，jssor thumbnavigator 未完全隐藏答案

【问题标题】：jssor thumbnavigator not completely hidden when $ChanceToShow=0当 $ChanceToShow=0 时，jssor thumbnavigator 未完全隐藏
【发布时间】：2018-01-11 20:48:03
【问题描述】：

在 JSSOR 26.5 中，使用 $ThumbnailNavigatorOptions: {$ChanceToShow: 0} 应该完全隐藏缩略图。但是，display:none 仅应用于 thumbnavigator 元素，而不是在 thumbnavigator 周围注入的容器。

因此，绝对定位的容器呈现在滑块的顶部。它是不可见的，因为它唯一的孩子（缩略图导航器）没有显示出来。但是它会拦截点击事件，所以它对我的 UI 有影响。

在一种情况下，导航器（项目符号）呈现在隐藏缩略图的“下方”，这使得项目符号不可点击。

在版本 19.0.1 中。 “thumbnavigator”周围没有注入包装，所以问题不存在。我们从 19 转到 26，这就是我看到问题的地方。

解决方案是将 display:none 放在注入的 thumbnavigator 包装器上，而不是放在 thumbnavigator 本身上。

【问题讨论】：

标签： jssor

【解决方案1】：

请使用 html 命令将项目符号导航器移动到缩略图导航器上方。

<!-- Thumbnail Navigator -->
<div data-u="thumbnavigator" class="jssort101" style="position:absolute;left:0px;bottom:0px;width:980px;height:100px;background-color:#000;" data-autocenter="1" data-scale-bottom="0.75">
    ...
</div>
<!-- Bullet Navigator -->
<div data-u="navigator" class="jssorb032" style="position:absolute;bottom:12px;right:12px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
    ...
</div>

【讨论】：

我现在可以这样做，但今后，将 display:none 放在注入的 thumbnavigator 包装器上，而不是放在 thumbnavigator 本身上不是更好吗？
我明白了。我认为子弹导航器应该始终高于缩略图导航器。此外，在某些情况下，缩略图导航器没有包装器。