JQuery Datepicker funktioniert nach Ajax-Aufruf nicht

Question

Dec 08, 2013, 02:21 PM

JQuery Datepicker funktioniert nach Ajax-Aufruf nicht

Ich habe den folgenden Code

<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>

Die Seite

my_ajax_stuff.php

Enthält eine Abfrage ui Datepicker mit class = 'Datepicker'. Beim ersten Laden funktioniert der Datepicker. Wenn ich jedoch auf die Schaltfläche klicke, um ihn erneut zu laden, werden die Inhalte durch neue Inhalte ersetzt. Der Datepicker funktioniert jedoch nicht. Ich habe es versucht Initialisieren des Datepickers im Ajax Success Handler, wie Sie sehen. Aber es ist auch fehlgeschlagen. Was ist das Problem. Wie kann es behoben werden?