Question

我在我正在制作的网站上使用jssor滑块，在同一个网站上我也使用Theia Sticky侧边栏（http://liviucmg.com/theia-sticky-sidebar/）。虽然滑块工作，但粘性侧边栏有一个小错误，只有在同一页面上使用滑块和粘性侧边栏时才会出现这个错误。我注意到当我滚动到页面底部时，侧边栏的一些元素开始在彼此后面移动。如果我删除了u =＆＃34;幻灯片，那么这个问题就解决了。来自HTML。但显然这不是解决方案，因为滑块不再有效。

所以，我一直在浏览脚本并在jssor.slider.js中找到2行：

Line 2733: var _SlidesContainer = $Jssor$.$FindChild(elmt, "slides", _UISearchNoDeep); 
Line 3639: _SlidesContainer = $Jssor$.$FindChild(elmt, "slides", false);

当然＆＃34;幻灯片＆＃34;也出现在我的HTML中：

<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 530px; height: 300px; overflow: hidden;"> 
   <!-- BEGIN: PAGE_ROW --> 
      <div> 
         <div><a u="image" href="{PAGE_ROW_URL}"><img src="{PAGE_ROW_MYSITE_LARGE_PAVATAR}" width="530" height="300" title="{PAGE_ROW_CATDESC}" /></a></div> 
         <div u="thumb"> 
              <img class="i" src="{PAGE_ROW_MYSITE_THUMB_PAVATAR}"> 
                  <div class="t">{PAGE_ROW_SHORTTITLE}</div> 
                  <div class="c"><a href="{PAGE_ROW_CATURL}">{PAGE_ROW_CATTITLE}</a></div> 
         </div> 
      </div> 
  <!-- END: PAGE_ROW --> 
</div>

所以，我检查了theia-sticky-sidebar.js以查看第2733行和第3639行中的任何值是否匹配，这可能会导致冲突，但据我所知，没有什么是相同的，会导致冲突。所以，我决定在这里发帖，看看你是否知道如何解决这个问题？

粘性侧边栏在没有使用滑块的网站页面上没有问题。

jssor滑块与Theia Sticky侧边栏不兼容？

0 个答案: