1

我有三个选项卡，我想用页面上已经存在的部分内容填充这些选项卡：

<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 的情况下工作。

更新道场

更新 2 更新道场 2

于 2015-09-02T11:14:08.563 回答