javascript - jssor 箭头排列错误

Question

我有一个带有 jssor slider 的页面 car.asp，它包含在 index.asp

因此，当我直接加载页面 car.asp 时，箭头位于正确的位置

但是当我将此页面 car.asp 加载到另一个 div 的 index.asp 时，我的箭头位置错误

如何解决这个问题？

可能发生这种情况是因为第 3337 行的 jssor.slider.js 有语法错误 self.$Relocate = function (containerWidth, containerHeight) { containerWidth 改为 containerWidth？

Answer 1

在 $ArrowNavigatorOptions: {} 中将 $AutoCenter: 更改为 0

 $ArrowNavigatorOptions: {
       $Class: $JssorArrowNavigator$, 
       $AutoCenter: 0                               
 }

然后就可以在元素中用cssstyle="top: 20px"控制箭头

<span u="arrowleft" class="jssora" style="top: 20px; left: 8px;"></span>
<span u="arrowright" class="jssora" style="top: 20px; right: 8px;"></span>