JCarousellite - リスト項目を単線上に強制する
-
12-12-2019 - |
質問
私は私が建物のウェブサイト上のリストにJcarouselliteを使っています。それは完全に動作しますが、この問題は何らかの理由でリスト項目がスタッキングを停止させるのを停止していることです。
これが意味するのは - これではなく -
li li
li li
.
私はこれを手に入れています:
li li li li
.
スクリプトを削除するとうまく機能しますが、それを使って、それらをすべて単一の "LINE"に強制します。私はスクリプトを通して見て、それらをすべて単一の行に強制している部分を理解することはできません。
これはスクリプトです: http:/ /www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js
ヒアーの「Whats ON」のセクションにある問題のデモを見ることができます: http: //www.trekradio.net/dev/ (このサイトはその状態でその状態を許しています)。
編集:スクリプト内の「truemen」オプションを「true」に設定すると、カルーセルスクロールを垂直に変更し、そのようなリスト項目を表示します。
li
li
li
li
. 解決
更新:[醜い修正]
これは、jcarousellite_1.0.1.js
で更新する必要がある回線です(Tiny / 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>
.
これは頑張って!
これがJCarouselliteを少し遠すぎることになると思います。
jcarousellite_1.0.1.js
をPHPで、またはJavaScript / jQueryでDOMを操作することで、li
をPHPで分割することをお勧めします。
このように、あなたは一緒に走っている2つの平行な水平カルーセルを設定することによってあなたの目標を達成することができます。