Question

我有这个代码远程加载模式代码：

$('.empty').on('click', function(e){
    var event = $(this).data('event');
    var user = $(this).data('user');
    $('.modal-content').load('emptyEvent.php', { "date": event, "user": user },function(result){
    $('#fullModal').modal({show:true});
    });
});

然后在那个页面中，emptyEvent.php我有一个时间戳，html是：

<input name="start" id="timepicker1" type="text" class="form-control">

和javascript是：

$('#timepicker1').timepicker({
    minuteStep: 15,
    defaultTime: '8:00',
    showMeridian: false
});

当我没有远程加载文件时，说我正常使用emptyEvent.php，datepicker可以正常工作，但是只要它远程加载就不行了。有谁知道这是为什么？

Answer 1

load（）将在附加加载响应的内容之前删除html目标中的任何内容。

Answer 2

在一个理想的世界中，它应该可以工作，我已经使用了很多负载，但是，我建议在加载内容后设置时间戳，如下所示：

$('.modal-content').load('emptyEvent.php', { "date": event, "user": user },function(result){
$('#timepicker1').timepicker({
minuteStep: 15,
defaultTime: '8:00',
showMeridian: false
});
$('#fullModal').modal({show:true});

当然从emptyEvent.php中删除它，它更健康，并且还可以看到控制台，看看是否没有任何错误消息。

远程加载模式时javascript无法正常工作

2 个答案: