Tabs 日期选择器无法插入新选项卡

当我点击。日期选择器无法进入新选项卡
这是密码

<script>
var tabCounter = 2,
    tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>";
var tabs = $( "#tabs" ).tabs();
var tabContentHtml = $("#tabs-1").html();

单击按钮时添加新选项卡

$("#add_tab").click(function(){
        addTab();
});
function addTab() {
        var label = "Tab " + tabCounter,
            id = "tabs-" + tabCounter,
            li = $( tabTemplate.replace( /#\{href\}/g, "#" + id ).replace( /#\{label\}/g, label ) );

        tabs.find( ".ui-tabs-nav" ).append( li );
        tabs.append( "<div id='" + id + "'><p>" + tabContentHtml + "</p></div>" );
        tabs.tabs( "refresh" );
        tabCounter++;
    }
</script>

$（“#添加#选项卡”）。单击（函数（）{
addTab（）；
});
函数addTab（）{
var label=“Tab”+tabCounter，
id=“tabs-”+tabCounter，
li=$（tabTemplate.replace（/#\{href\}/g，“#”+id）。replace（/#\{label\}/g，label））；
tabs.find（“.ui tabs nav”）.append（li）；
tabs.append（“”+tabContentHtml+”
”）；
制表符。制表符（“刷新”）；
tabCounter++；
}

代码html

<div id="tabs">
<ul>
    <li><a href="#tabs-1">Nunc tincidunt</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li>
</ul>
<div id="tabs-1">
    <input type="text" class="rush" />
</div>
</div>
<button id="add_tab">Add Tab</button>

移除标签

添加选项卡

它不起作用的原因是加载页面时完成了日期选择器的工作。添加新选项卡时，不会创建日期选择器，请查看上一篇文章：

---

它不起作用的原因是在加载页面时完成了日期选择器的工作。添加新选项卡时，不会创建日期选择器，请查看上一篇文章：

---

创建新选项卡后，必须调用datepicker：

$("#add_tab").click(function(){
    addTab();
    $( ".rush" ).datepicker(); //or your new datepicker id
});

---

创建新选项卡后，必须调用datepicker：

$("#add_tab").click(function(){
    addTab();
    $( ".rush" ).datepicker(); //or your new datepicker id
});