Asp.net mvc 在剑道选项卡条中将选项卡追加到左侧

我们可以使用剑道选项卡条中的追加功能将选项卡追加到右侧。新单击的按钮在最右侧创建选项卡，即；最后一个标签

但我需要在左边附加标签，即；新点击的按钮在最左边创建选项卡；第一个标签

---

我们有一个insertbefore函数，用于在活动选项卡的右侧创建选项卡，但它至少需要元素，我想在最左侧添加选项卡，即；第一个选项卡，与活动选项卡无关。

以下是问题代码，它将在左侧添加选项卡并选择新添加的选项卡

    <div id="example">

        <div class="box">

        <div class="box-col">
            <h4>&nbsp;</h4>
            <ul class="options">
                <li>
                    <input type="text" value="Item" id="beforeText" class="k-textbox"/> <button class="beforeItem k-button">Insert Before</button>
                </li>
               </ul>
        </div>
        </div>

        <div class="demo-section k-header">
            <div id="tabstrip">
                <ul>
                    <li class="k-state-active">
                        Baseball
                    </li>

                </ul>
                <div>
                    <p>Hello</p>
                </div>

            </div>
        </div>
        <script>
            $(document).ready(function() {
                var getItem = function (target) {
                        var itemIndex = target[0].value;

                        return tabStrip.tabGroup.children("li").eq(itemIndex);
                    },


                    before = function (e) {
                       tabStrip.select(0);
                        if (e.type != "keypress" || kendo.keys.ENTER == e.keyCode)
                            tabStrip.insertBefore({
                                text: $("#beforeText").val(),
                                content: "<br>"
                            }, tabStrip.select());
                        tabStrip.select(0);
                    };



                $(".beforeItem").click(before);
                $("#beforeText").keypress(before);

            });

            var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
        </script>
        <style scoped>
            .box-col {
                width: 230px;
            }
            .box .k-textbox {
                width: 80px;
            }
            .demo-section {
                width: 600px;
                min-height: 250px;
            }
        </style>
    </div>

---

你可以使用insertBefore，但它显然坏了