JavaScript的不工作远程

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我有一个timepicker的HTML是：

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

和JavaScript是：

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

当我不远程加载的文件，说我去上emptyEv ent.php通常，datepicker的作品，但只要它远程加载它没有。任何人都知道这是为什么？

Answer 1

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

Answer 2

在一个理想的世界它应该工作，我已经使用负载了很多，但是，我建议设置timepicker内容加载后，像这样：

$('.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，它更健康，并且还可以观察控制台，看看是否没有任何错误消息。