JQuery datepicker не работает после вызова ajax
У меня есть следующий код
<html>
<head>
//included all jquery related stuff ..not shown here
</head>
<body>
<button id = 'btn' />
<div id = 'ct'>
<?php echo file_get_contents('my_ajax_stuff.php'); ?>
</div>
</body>
<script>
$('.datepicker').datepicker({dateFormat: "dd-mm-yy"});
$('#btn').click(function() {
$.ajax({
type: "GET",
url: "my_ajax_stuff.php" ,
success: function(response) {
$('#ct').html(response);
/*added following line to solve this issue ..but not worked*/
//$( ".datepicker" ).datepicker({dateFormat: "dd-mm-yy"});
} ,
error: function () {
$('#ct').html("Some problem fetching data.Please try again");
}
});
});
</script>
</html>
Страница
my_ajax_stuff.php
содержит jquery ui datepicker с class = 'datepicker'. При первой загрузке datepicker работает. Но когда я нажимаю на кнопку, чтобы перезагрузить его, содержимое заменяется новым содержимым. Но datepicker не работает. Я пытался Инициализация DatePicker внутри обработчика успеха AJAX, как вы видите. Но это также не удалось. В чем проблема. Как это можно решить ???