Question

我在将分页结果与datepicker输入结合时遇到问题。结果通过.post加载，重置div中的表格（在下面的示例中模拟为按钮单击）。

This fiddle有助于说明正在发生的事情，但实际内容与该示例不同（即.html( $(elem).html() )）。

最初，我在帖子中使用了.done函数，另一个$(".dt").datepicker()但this answer提出了.on('focus',...)方法。

Answer 1

这是因为更改id后输入中仍然存在类'.hasDatepicker'。由于类datepicker赢得了重新启动。

在添加html之前删除该类将解决您的问题。

var dateHMTL = 'Date 1<input id="dt1" class="dt" /><br/>Date 2<input id="dt2" class="dt" /><br/>Date 3<input id="dt3" class="dt" /><br/>Date 4<input id="dt4" class="dt" /><br/>Date 5<input id="dt5" class="dt" />'
$(function () {
    $(document).on('focus', ".dt", function () {
        $(this).datepicker();
    });

    $(document).on("click", "#btn", function (e) {
        e.preventDefault();
        dateHMTL = $("#theDIV").html();
        dateHMTL=dateHMTL.replace(/Date (\d+)/g,"Date 1$1");
        dateHMTL=dateHMTL.replace(/dt(\d+)/g,"dt1$1");
        dateHMTL=dateHMTL.replace(/hasDatepicker/g,"");
        $("#theDIV").html(dateHMTL);
    });

    $("#theDIV").html(dateHMTL)
});

看这工作fiddle

Datepicker停止重新加载/分页

1 个答案: