动态创建的选项卡获取错误：未捕获错误：jQuery UI选项卡：不匹配的片段标识符。在Function.error

Question

动态创建标签，但是出现这种错误，我不知道哪里出错了，tabindex如果i检查开发者控制台则为-1。

<div id="tabDiv">
    <ul id="tabs" class="nav-tabs">
        <li class="active"> <a href="#1" onclick="getList();" data-toggle="tab">All</a> </li>
    </ul>
</div>
<script>
    function addTabs(result) {
        var unit = _.map(result, 'unit');
        unit = _.uniq(unit);
        var tabs = $("#tabDiv").tabs();
        for (var i = 0; i < unit.length; i++) {
            var ul = tabs.find("ul");
            var current_idx = ul.find("li").length + 2; // Get correct index for id
            $("<li><a href=#" + current_idx + " tabindex=" + ul.find("li").length + " onclick=getList(); data-toggle=tab>" + unit[i] + "</a></li>").appendTo(ul);
            onclick = "getList('wip_production');"
            tabs.tabs("refresh")
        }
        $("</ul>").appendTo(tabs);
    }
</script>