jquery.ui.datepicker未加载ajax

Question

我有一个html页面（mypage.html），它使用jquery.ui.datepicker

<table>
<tr>
<td valign="middle"><input type="text" name="from_date"  id="from_date" ></td>
<td width="6"><script type="text/javascript">
            $(function() {
                        $("#from_date").datepicker(
                        {dateFormat: 'mm-dd-yy', showOn: 'both', buttonImageOnly: true, changeMonth: true, changeYear: true ,buttonImage: '../images/calender_icons.gif' });
             });
            </script></td>
</tr></table>

使用ajax从其他页面加载此页面时，不会加载datepicker。我的ajax代码是下面的

$(document).ready(function(){
    $("#MainDiv").click(function(event){
        $.ajax({
            url: 'mypage.html',
            cache: false,
            success: function(html){
                $("#MainDiv").html(html);
                alert('succ');
            },
            complete: function(){
                alert('comp');  
            },
            error : function(){
                alert('err');
            },
            dataType: "html"

        });
    });
 });

任何帮助将不胜感激。

Answer 1

我用.load方法

做到了

$(document).ready(function(){ 
    $("#MainDiv").click(function(){ 
        $("#secondDiv").load("test.html");
    });
});