負載劍道TabStrip控件可用內容

我有三個標籤，我想填充部分內容，這些標籤已經存在在頁面上：負載劍道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> 

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

乾杯。

來源

2015-09-02 Neophile

這裏是一個道場與一個工作的例子。 Tab strip with sections.

你會注意到我所做的一切都是用sections來包裝你的div。

標籤條期望在內容集合內看到div作爲子元素，即內容。

希望這可以回答你的問題。如果你需要更多的細節，請告訴我。

UPDATE

我已經更新了道場。這不是最優雅的做法，但它不會改變你的DOM。

updated dojo

更新2 updated dojo 2

來源

2015-09-02 11:14:08

道場並沒有真正正常工作，因爲它不具備包裹的div。我的部分已在網頁上提供。我沒有選擇自己創建這些部分。我可以移動這些部分，我想將它們移動到無序列表下方的div中。有關如何做到這一點的任何建議？ – Neophile

我明白包裹在div中的部分需要放置在無序列表下方，但因爲它們已經在其他地方可用，我想將它們用作標籤的內容。更新您的dojo以解釋DOM的外觀和使用方式：http://dojo.telerik.com/iwEki/2 – Neophile

您是否希望此內容出現在標籤下或它們在DOM中的位置？ –

負載劍道TabStrip控件可用內容

回答

相關問題