劍道UI TabStrip控件中的相對位置的div

Question

我在相對位置的div一些麻煩與TabStrip控件，標籤不切換，如果我在路上使用他們作爲：

<div style="position: relative"> 
    <div style="padding: 100px 100px 100px 100px; position: absolute"> 
     <div id="myTabs"> 
      <ul> 
       <li class="k-state-active">item1</li> 
       <li>item2</li> 
      </ul> 
      <div> 
       <input type="text" value="" class="k-textbox" style="width: 100px" /> 
      </div> 
      <div> 
       <input type="text" value="" class="k-textbox" style="width: 100px" /> 
      </div> 
     </div> 
    </div> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#myTabs").kendoTabStrip(); 
    } 
</script> 

可能有人面臨着這樣問題，還是在我的例子中有錯誤？

Answer 1

如果的document.ready被刪除，代碼工作正常。請檢查這個JSFiddle：http://jsfiddle.net/Lu9Qf/20/

<script type="text/javascript"> 

     $("#myTabs").kendoTabStrip(); 

</script>