1

3 つのタブがあり、ページに既に存在するセクションのコンテンツをこれらのタブに入力したいと考えています。

<section class="rbs-section" id="rbi_S_12466479" name="world1">
<p>Hello World1</p>
</section>

<section class="rbs-section" id="rbi_S_12466477" name="world2">
<p>Hello World2</p>
</section>

<section class="rbs-section" id="rbi_S_12466478" name="world3">
<p>Hello World3</p>
</section>

私のタブストリップ:

<div id="tabstrip">
                            <ul>
                                <li class="k-state-active">
                                    World1
                                </li>
                                <li>
                                    World2                                    </li>
                                <li>
                                    Wordl3
                                </li>
                            </ul>
                        </div>

Javascript:

$(document).ready(function() {
                    $("#tabstrip").kendoTabStrip({
                        animation:  {
                            open: {
                                effects: "fadeIn"
                            }
                        }
                    });
                });

Kendo TabStrip コードを使用して、これらのタブでカスタム セクションを使用するにはどうすればよいですか? 教えてください。

乾杯。

4

1 に答える 1

1

これは、実用的な例を持つ道場です。セクション付きのタブストリップ。

私が行ったことは、あなたsectionsを div で囲んだだけであることに気付くでしょう。

タブ ストリップはdiv、コンテンツ コレクション内で子要素、つまりコンテンツとして a を参照することを想定しています。

うまくいけば、これはあなたの質問に答えます。さらに詳細が必要な場合はお知らせください。

アップデート

道場を更新しました。これは最もエレガントな方法ではありませんが、DOM をあまり変更しなくても機能します。

更新された道場

UPDATE 2 更新された道場 2

于 2015-09-02T11:14:08.563 に答える