kendo-ui - 相对位置 div 中的 Kendo UI TabStrip

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>