Jquery ui DatePicker无法处理Ajax加载的内容

我在这个问题上遇到了麻烦。datepicker在静态内容上运行良好

但通过Ajax加载内容时失败

我试过：-

jQuery.noConflict();
jQuery(function($) {
    $(document).ready(function(){
        $( ".datepickerRange" ).datepicker({
            dateFormat: 'dd-mm-yy',
            prevText:'',
            nextText:'',
            minDate: 0,
            maxDate: "+1M",
            showOn: "button",
            buttonImage: divadatepicker.image_url+"/calendar.jpeg",
            buttonImageOnly: true
        });
        $( ".datepicker" ).datepicker({
            dateFormat: 'dd-mm-yy',
            prevText:'',
            nextText:'',
            showOn: "button",
            buttonImage: divadatepicker.image_url+"/calendar.jpeg",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
            yearRange: "1960:2015"
        });

            });

$(document).live(function(){
        $( ".datepickerRange" ).datepicker({
            dateFormat: 'dd-mm-yy',
            prevText:'',
            nextText:'',
            minDate: 0,
            maxDate: "+1M",
            showOn: "button",
            buttonImage: divadatepicker.image_url+"/calendar.jpeg",
            buttonImageOnly: true
        });
        $( ".datepicker" ).datepicker({
            dateFormat: 'dd-mm-yy',
            prevText:'',
            nextText:'',
            showOn: "button",
            buttonImage: divadatepicker.image_url+"/calendar.jpeg",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
            yearRange: "1960:2015"
        });

            });

});

---

通过ajax加载内容后，它不会显示日历上的小图像。

在ajax调用的

success

回调函数中调用

.datepicker

，而不是使用

.live

，这是不推荐的。例如：

function initdatepicker(){
    $( ".datepickerRange" ).datepicker({
        dateFormat: 'dd-mm-yy',
        prevText:'',
        nextText:'',
        minDate: 0,
        maxDate: "+1M",
        showOn: "button",
        buttonImage: divadatepicker.image_url+"/calendar.jpeg",
        buttonImageOnly: true
    });
    $( ".datepicker" ).datepicker({
        dateFormat: 'dd-mm-yy',
        prevText:'',
        nextText:'',
        showOn: "button",
        buttonImage: divadatepicker.image_url+"/calendar.jpeg",
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true,
        yearRange: "1960:2015"
    });
}
$(document).ready(function(){
    initdatepicker();
});

并将其添加到您的

$中。ajax

success

：

initdatepicker();

用这个

<script type="text/javascript">
    $(function(){
        $('input.calendarSelectDate').live('click', function() {
           $(this).datepicker({showOn:'focus'}).focus();
        });
     });
</script>

$（函数（）{
$（'input.calendarSelectDate'）.live（'click'，function（）{
$（this.datepicker（{showOn:'focus'}）.focus（）；
});
});

像这样：成功：函数（html）{//jQuery（“#搜索结果”）.slideDown（“慢”）//alert（html）；jQuery（“#右搜索”）.html（html）；jQuery（“#TB#u覆盖”）.css（'display'，'none'）；jQuery（“body”）.css（“overflow”，“auto”）；$（.datepicker”）.datepicker（），它不起作用。我在我的帖子中添加了一个例子。删除

$（“.datepicker”）.datepicker（）并使用
initdatepicker（）取而代之。谢谢你的帮助。。但它仍然不起作用。但是，在成功测试警报时调用该函数。但是什么也没有发生：（从ajax加载的内容是否仍然有类
datepicker
或
DatePCikerage
？它有以下类：-选择保留保留\u日期日期日期日期Pickerage字段1Fyi，
$。live（）
从1.7开始就被弃用，在1.9中被删除。改用
$.on（）