jQuery-附加元素上的AnyTime选择器的实时初始化

这是初始化

.pick\u date

元素上的AnyTime picker的代码。但若我附加元素，那个么AnyTime对它不起作用。有没有办法让它发挥作用

我试过这个：

$('#submit-buton').live("click", function() {

    $.ajax({
        type: "POST",
        url: '/AddTask',
        dataType: 'html',
        success: function(data) { 
            $("#taskModule").append(data);              

            $(".pick_date").AnyTime_picker({ format: "%W, %M %D, %z" });
        }
    });

});

但是没有效果

有什么想法吗

编辑：

这项工作：

<div id="mydatepicker">
</div>

<input type="button" id="MyButton"  value="Append" />

<script type="text/javascript">

    $(function() {

        var mydatepickerHtml = 'English: <input type="text" id="field1" size="50" value="Sunday, July 30th in the Year 1967 CE" /><br/>Español: <input type="text" id="field2" value="12:34" />';
        $("#mydatepicker").append(mydatepickerHtml);

        $('#MyButton').live("click", function() {            
            // ...
        });

        AnyTime.picker( "field1",       { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } );
          $("#field2").AnyTime_picker( 
              { format: "%H:%i", labelTitle: "Hora",
                labelHour: "Hora", labelMinute: "Minuto" } );

    });
</script>

$（函数（）{
var mydatepickerHtml='英语：
西班牙语：'；
$（“#mydatepicker”）.append（mydatepickerHtml）；
$（'#MyButton'）.live（“单击”，函数（）{
// ...
});
AnyTime.picker（“field1”，{格式：'%W，%M%D，年%z%E'，firstDOW:1}）；
$（“#字段2”）。任何时候(选取者（
{格式：'%H:%i'，标签：“Hora”，
labelHour:“Hora”，labelMinute:“Minuto”}；
});

但这不

<div id="mydatepicker">
</div>

<input type="button" id="MyButton"  value="Append" />

<script type="text/javascript">

    $(function() {  
        $('#MyButton').live("click", function() {
            var mydatepickerHtml = 'English: <input type="text" id="field1" size="50" value="Sunday, July 30th in the Year 1967 CE" /><br/>Español: <input type="text" id="field2" value="12:34" />';
            $("#mydatepicker").append(mydatepickerHtml);
        });

        AnyTime.picker( "field1",       { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } );
          $("#field2").AnyTime_picker( 
              { format: "%H:%i", labelTitle: "Hora",
                labelHour: "Hora", labelMinute: "Minuto" } );
    });
</script>

$（函数（）{
$（“#MyButton”）.live（“单击”，函数（）{
var mydatepickerHtml='英语：
西班牙语：'；
$（“#mydatepicker”）.append（mydatepickerHtml）；
});
AnyTime.picker（“field1”，{格式：'%W，%M%D，年%z%E'，firstDOW:1}）；
$（“#字段2”）。任何时候(选取者（
{格式：'%H:%i'，标签：“Hora”，
labelHour:“Hora”，labelMinute:“Minuto”}；
});

编辑：

这很有效

<div id="mydatepicker"> 
</div> 

<input type="button" id="MyButton"  value="Append" /> 

<script type="text/javascript"> 

    $(function() {   
        $('#MyButton').live("click", function() { 
            var mydatepickerHtml = 'English: <input type="text" id="field1" size="50" value="Sunday, July 30th in the Year 1967 CE" /><br/>Español: <input type="text" id="field2" value="12:34" />'; 
            $("#mydatepicker").append(mydatepickerHtml); 

            AnyTime.picker( "field1",       { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } ); 
          $("#field2").AnyTime_picker(  
              { format: "%H:%i", labelTitle: "Hora", 
                labelHour: "Hora", labelMinute: "Minuto" } ); 
        }); 


    }); 
</script> 

---

$。AnyTime_picker（）

应该可以处理类和附加元素。请在这里发布我可以调试问题的URL，或者通过向我发送消息，我将白名单您的电子邮件地址，这样您可以通过电子邮件向我发送相关HTML/CSS/JS文件，我可以尝试在我的计算机上重现问题。谢谢

#submit buton

不是打字错误吗？以防万一……不：）。。。除了初始化之外，它工作得很好。这段代码的问题似乎是，您在单击事件上创建输入，但在事件处理程序外部创建选择器。这意味着您正在尝试在输入存在之前创建选择器（在尝试为其创建选择器之前，输入必须在页面上！）。请查看我的其他答案以获得更多帮助（我是AnyTime.picker的作者，所以您最好直接向我寻求帮助！）请检查我编辑的问题。我试过你的建议，但你的例子不好。我发现我错在哪里了。我也尝试了您的建议，但看起来我必须使用id进行初始化，而不是类。AnyTime.picker（“field1”，{格式：%W，%M%D，在%z%E年，”，firstDOW:1}）；-这很好，但是$（“.date\u picker”）随时可用。picker（{格式：“%W，%M%D在%z%E年”，firstDOW:1}）；无法处理附加元素。您好，Andrew，我正在更新面板内的asp.net控件中使用它。我得到了错误“error:uncaught exception:Cannot create AnyTime.picker for“ctl00\u cphDashBoard\u tabcontainowers\u TabPanel2\u txtcalendar”，我认为这是因为update panelerror只有在选择日期时转到代码隐藏时才会持续

<div id="mydatepicker"> 
</div> 

<input type="button" id="MyButton"  value="Append" /> 

<script type="text/javascript"> 

    $(function() {   
        $('#MyButton').live("click", function() { 
            var mydatepickerHtml = 'English: <input type="text" id="field1" size="50" value="Sunday, July 30th in the Year 1967 CE" /><br/>Español: <input type="text" id="field2" value="12:34" />'; 
            $("#mydatepicker").append(mydatepickerHtml); 

            AnyTime.picker( "field1",       { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } ); 
          $("#field2").AnyTime_picker(  
              { format: "%H:%i", labelTitle: "Hora", 
                labelHour: "Hora", labelMinute: "Minuto" } ); 
        }); 


    }); 
</script> 

<html>
<head>

<link rel="stylesheet" type="text/css" href="anytimec.css" />
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript"></script>                        
<script type="text/javascript" src="anytimec.js"></script>

</head>
<body>
<div id="mydatepicker">
</div>

<script type="text/javascript">

var mydatepickerHtml = 'English: <input type="text" id="field1" size="50" value="Sunday, July 30th in the Year 1967 CE" /><br/>Español: <input type="text" id="field2" value="12:34" />';

$(function()
{
$("#mydatepicker").append(mydatepickerHtml);

AnyTime.picker( "field1",       { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } );
  $("#field2").AnyTime_picker( 
      { format: "%H:%i", labelTitle: "Hora",
        labelHour: "Hora", labelMinute: "Minuto" } );

});

</script>
</body>
</html>