0

これは、MODX Evolution、Ditto、および Bootstrap3 Carousel に関するものです。

私の目的は、カルーセルに表示される個々の DIV に Ditto が読み込まれた記事を表示することです。私のコードは、1 つの DIV 内に 3 つの記事すべてを表示するだけで、すべての DIV は同じ (!) 3 つの記事 (最初の 3 つ) を表示します。問題は私の HTML チャンクにあると思いますが、コードを変更すると、カルーセルの応答性が失われます。どこが間違っていますか？

  • 一度に 3 つの固有の DIV が表示されるカルーセルです。4 ラウンド (= 4 x 3) で表示される 12 x DIV の合計。
  • 各 DIV は、読み込まれた 1 つの一意の記事、つまり 1 つのリソース ID を表示する必要があります。したがって、3 つの固有の記事が各ラウンド (合計 4 ラウンド) で一度に表示されます。
  • カルーセル用の JS または JQuery がありません。全てレスポンシブなBootstrap3製です。
  • テンプレートには id=2 があります。記事のリソース カテゴリには id=9 があり、その子には id=20 から id=31 まで (= 合計 12 の記事) があります。

テンプレート (= id=2) 同上呼び出し:

[[Ditto? &parents=`9` &display=`12` &orderBy=`createdon DESC` &tpl=`articles`]]

HTML CHUNK articles(元の HTML コード --> 4 アイテム x 3 DIV):

<div class="carousel-inner">
            <div class="item active">
                <div class="col-md-4 col-sm-6">
                    [+content+]
                </div>

                <div class="col-md-4 col-sm-6 hidden-xs">
                    [+content+]
                </div>

                <div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
                   [+content+]
                </div>
            </div>

            <div class="item">
                <div class="col-md-4 col-sm-6">
                   [+content+]
                </div>

                <div class="col-md-4 col-sm-6 hidden-xs">
                   [+content+]
                </div>

                <div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
                    [+content+]
                </div>
            </div>

            <div class="item">
                <div class="col-md-4 col-sm-6 hidden-xs">
                   [+content+]
                </div>

                <div class="col-md-4 col-sm-6 hidden-xs">
                   [+content+]
                </div>

                <div class="col-md-4 col-sm-6 hidden-xs">
                    [+content+]
                </div>
            </div>

            <div class="item">
                <div class="col-md-4 col-sm-6 hidden-xs">
                   [+content+]
                </div>

                <div class="col-md-4 col-sm-6 hidden-xs">
                   [+content+]
                </div>

                <div class="col-md-4 col-sm-6 hidden-xs">
                  [+content+]
                </div>
            </div>
        </div>
4

2 に答える 2

0

個々の div ごとに carousel_articles チャンク内に Ditto 呼び出しを配置し​​ (記事のカテゴリにそれぞれ一致する異なる親を使用)、randomize パラメーターを使用することで解決しました。

于 2015-01-30T01:33:24.520 に答える