Question

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

结果，绝对定位的容器呈现在滑块顶部。它是不可见的，因为它的唯一子（缩略图）不会显示。但是它拦截了点击事件，因此它对我的用户界面产生了影响。

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

在19.0.1版中。在“thumbnavigator”周围没有注射包装，所以问题不在那里。我们从19岁变为26岁，这就是我看到问题的地方。

解决方法是在注入的thumbnavigator包装器上放置display：none，而不是在thumbnavigator本身上。

Answer 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>

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

1 个答案: