1

作成しているWebサイトのリストでjCarouselliteを使用しています。完全に機能しますが、問題は、何らかの理由で、スクリプトがリストアイテムのスタックを停止させていることです。

これが意味するのは-これの代わりに：

li     li
li     li

私はこれを取得しています：

li     li     li      li

スクリプトを削除すると正常に機能しますが、スクリプトを使用すると、すべてが1つの「行」に強制されます。スクリプトを調べましたが、どの部分がそれらすべてを1行に強制しているのかわかりません。

スクリプトは次のとおりです：http：//www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js

また、Heaerの「WhatsOn」セクションで問題のデモを見ることができます：http：//www.trekradio.net/dev/ （ このサイトは建設中であるため、その状態を許してください）。

編集：スクリプトで「垂直」オプションを「true」に設定すると、カルーセルのスクロールが垂直に変更され、次のようなリストアイテムが表示されます。これは私が望むものではありません。

li

li

li

li
4

1 に答える 1

1

更新：[醜い修正]

更新する必要がある行は次のとおり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>

こちらがパッチ済みjcarousellite_1.0.1.js

幸運を ！

--

これにより、jCarouselLite が少し曲がりすぎてしまうのではないかと心配しています。

PHP によって、または Javascript/jquery で DOM を操作することによって、liを 2 つに分割することをお勧めします。ul

このように、2 つの平行な水平カルーセルを一緒に実行するように設定することで、目標を達成できます。

お役に立てれば ！

于 2012-05-23T15:55:09.203 に答える