jCarouselLite - 強制列表項上單行

我在我正在建設的網站上的列表上使用jCarousellite。它完美的工作，但問題是，由於某種原因，腳本導致列表項停止堆疊。jCarouselLite - 強制列表項上單行

我的意思是 - 不是這樣的：

li  li 
li  li

我得到這個：

li  li  li  li

它，當我刪除腳本工作正常，但有了它，它迫使他們全部放到一條「線路」上。我已經瀏覽了腳本，無法弄清楚哪些部分將它們全部強制到一條線上。

下面是腳本：http://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js

您還可以看到問題的演示在這裏的「什麼是開」 Heaer條：http://www.trekradio.net/dev/（這個網站正在建設中所以請原諒它的狀態）。

編輯：腳本設置「垂直」選項設置爲「真」改變轉盤滾動垂直和顯示列表項就是這樣，這是不是我想要的：

li 

li 

li 

li

來源

2012-05-21 Zach Nicodemous

我想成像這是做插件做'li'元素'float'，而不是'block'或'inline-block' –

他們需要被浮動。如果沒有腳本，我會將它們左移，然後按需要顯示。我嘗試添加「display：block」和「display：inline-block」，但沒有做出差異。 –

更新： [醜修復]

這裏是你需要jcarousellite_1.0.1.js更新（您添加的微小/ 2位）行：

var ulSize = liSize * itemLength/2;     // size of full ul(total length, not just for the visible items)

請注意，因爲它會影響其他頁面中的所有其他輪播。

更新2：向後兼容的修復

我修補的.js文件，你可以在你的代碼中使用選項lines，或默認與1號線離開它：

<script type="text/javascript"> 
$(function() { 
    $(".anyClass").jCarouselLite({ 
     btnNext: ".next", 
     btnPrev: ".prev", 
     lines : 2 
    }); 
}); 
</script>

這裏是the patched jcarousellite_1.0.1.js

祝你好運！

恐怕這會彎曲jCarouselLite有點過分。

我建議你將li分成兩個ul，通過PHP甚至通過在Javascript/jquery中操作DOM。

這樣，您可以通過設置兩個平行水平傳送帶一起運行來實現目標。

希望這會有所幫助！

來源

2012-05-23 15:55:09

多數民衆贊成在奇妙:)謝謝你在這看:) –

@ZachNicodemous：不客氣，我也學到了一些東西！賞金有時會起作用:) –

jCarouselLite - 強制列表項上單行

回答

相關問題