用可用內容加載Kendo TabStrip

Question

我有三個標簽，我想用頁面上已經存在的部分內容填充這些標簽：

<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>

我的TabStrip：

<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代碼在這些選項卡中使用我的自定義部分？ 請讓我知道。

干杯。

Answer 1

這是一個帶有示例的道場。 帶部分的標簽條。

您會注意到，我所做的只是用div包裝您的sections 。

標簽欄希望在內容集合中看到一個div作為子元素，即內容。

希望這能回答您的問題。 如果您需要更多詳細信息，請告訴我。

UPDATE

我更新了道場。 這不是最優雅的方法，但是無需將DOM更改太多就可以使用。

更新的道場

UPDATE 2 更新了dojo 2