datepicker没有工作到新标签

Question

当我点击。日期选择器不工作进入新的选项卡
这是代码

<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(); 

创建日期选择器。进入tab1。没有工作到TAB2

$(".rush").datepicker(); 

添加新的选项卡时，点击按钮

$("#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> 

代码的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> 

Answer 1

它不工作的原因是因为在日期选择器的东西是完成时的页面加载。当您添加新的选项卡，不被创建的日期选择器，看看以前的帖子：

Making datepicker live - JQuery

Answer 2

你必须创建新的选项卡后打电话到日期选择器：

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