Jquery 加载带有可用内容的剑道TabStrip
我有三个选项卡,我想用页面上已经存在的部分内容填充这些选项卡:Jquery 加载带有可用内容的剑道TabStrip,jquery,dynamic,kendo-ui,kendo-tabstrip,Jquery,Dynamic,Kendo Ui,Kendo Tabstrip,我有三个选项卡,我想用页面上已经存在的部分内容填充这些选项卡: <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 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将您的
部分包装起来
选项卡条希望看到内容集合中的div
作为子元素,即内容
希望这能回答你的问题。如果你需要任何进一步的细节,请告诉我
更新
我已经更新了dojo。这并不是最优雅的方法,但它可以在不改变DOM的情况下工作
更新2
您的dojo无法正常工作,因为它没有包装好的div。我的章节已在页面上提供。我没有自己创建这些部分的选项。我可以只移动部分,我想将它们移动到无序列表下的div中。我知道用div包装的部分需要放在无序列表的下面,但因为它们已经在其他地方可用,所以我想用它们作为选项卡的内容。更新您的dojo以解释DOM的外观和我想要它的方式:您希望此内容显示在选项卡下还是它们在DOM中的位置?使用新dojo更新答案。希望这对你来说是可行的,但我以前也做过类似的工作。我之所以要做这件事,主要是因为有些动画部门由于某种原因没有被克隆。
<div id="tabstrip">
<ul>
<li class="k-state-active">
World1
</li>
<li>
World2 </li>
<li>
Wordl3
</li>
</ul>
</div>
$(document).ready(function() {
$("#tabstrip").kendoTabStrip({
animation: {
open: {
effects: "fadeIn"
}
}
});
});