相对位置div中的Kendo UI TabStrip

时间:2013-02-23 09:50:49

标签: kendo-ui

我在相对位置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>

可能是某个人面临这样的问题,或者我的例子中有错误?

1 个答案:

答案 0 :(得分:1)

如果删除了document.ready,则代码可以正常工作。请检查这个JSFiddle:http://jsfiddle.net/Lu9Qf/20/

<script type="text/javascript">

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

</script>