javascript - Jquery datepicker 不适用于具有动态内容的 jquery 对话框

Question

我有两个 jsp 页面，一个是 main.jsp，另一个是 dialog.jsp，在 main.jsp 中我调用 java 脚本函数openPopup(url, title)打开对话框并从给定的url加载对话框的内容。

这是我的代码。
主.jsp

<div id="dialogDiv"></div>
<div>
     <a onclick='openPopup("/WEB-INF/views/template/dialog.jsp", "Add Address")' title="add value"></a>
</div>

对话框.jsp

   <div class="loaddiv">
       <form:form method="POST" commandName="address" id="dialogForm">        
          <form:input id="livingSince" path="livingSince" cssClass="datepicker"/>
       </form:form>
   </div>

common.js

$(function(){    
$( ".datepicker" ).datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    showAnim: 'fold'
});     

});

//for pop up
function openPopup(url, title) { 
$("#dialogDiv").load(url + " .loaddiv").dialog({
    position: 'center',
    modal: true,
    resizable: true,
    bgiframe: true,
    autoOpen: true,
    //height: 450,
    width: 500,
    title: title,
    buttons: {
        Save: function () {
            $("#dialogForm").submit();
            $("#dialogDiv").dialog('close');
        //$("#dialogDiv").html('');
        },
        Cancel: function () {
            $("#dialogDiv").dialog('close');
        }
    }
   });    
}

现在我的问题是单击输入文本字段后，日期选择器没有显示在对话框中。即使它在简单的 jsp 页面上完美运行，但在对话框（弹出）上却没有。
我也尝试了这个解决方案，但它没有发生在我身上。 关联

Answer 1

我也在加载动态内容。我正在使用时间选择器而不是日期选择器。如果我动态加载内容（使用时间选择器），时间选择器将无法工作，这让我感到非常沮丧。

我通过每次加载模态时调用一个方法解决了这个问题。在这个方法中，我加载了动态内容；然后（再次）我重新注册时间选择器。我附上了我的代码图像，显示了这是如何完成的。它现在运行良好。