Datepicker JQuery nie działa po wywołaniu ajax
Mam następujący kod
<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>
Strona
my_ajax_stuff.php
zawiera jquery ui datepicker z class = 'datepicker'. Przy pierwszym załadowaniu działa datepicker. Ale kiedy klikam przycisk, aby ponownie go załadować, zawartość jest zastępowana nową zawartością. Ale datepicker nie działa. Próbowałem jak widać, inicjalizowanie datepicker wewnątrz procedury obsługi ajax. Ale to też nie powiodło się. Jaki jest problem. Jak można go rozwiązać?