Почему jquery datapicker непоследовательно появляется?

Question

Вот моя проблема. Кажется, что datapicker не отображается при первом щелчке по динамически добавленному вводу (я должен щелкнуть два или более раз по нему или лучше, если я нажму над входом (область метки)), кто-нибудь видит проблему. Я перепробовал много вариантов live (), bind () .hasDatapicker и # datep1. Если возможно, сначала проверьте свой ответ. Благодарю.

сторона сценария:

 <script>
$(document).ready(function(){
    var div_data='<div id="div_data" class="data"><br />'+
   'Dates from: <input type="text" id="datep1" size="10" name="data1">'+
   ' to: <input type="text" id="datep2" size="10" name="data2">&nbsp;&nbsp;(Optional fields)</div>'; 
    $("#rod_sem").after(div_data);
    $(".br1").remove();
$(":input[name='pasirink']").click(function(){
    var currentId = $(this).attr("id");
    if (currentId == 'rod_sem')
        {
        $(".br1").remove();
        $(".data").remove(); // this is done to prevent repetitive additions
        $("#rod_sem").after(div_data); // here comes datepicker input

        $("#datep1").live("click", function() {
            $("#datep1").datepicker();
        })

        }

    })
})
</script>

Html

<label id="la_rod_sem" for="rod_sem">Seminars</label>
<input type="radio" name="pasirink" id="rod_sem" value="rod_sem" checked="checked" />
<br class="br1" /> 
<br class="br1" />
<label id="la_rod_klaus" for="rod_klaus">Attendees</label>
<input type="radio" name="pasirink" id="rod_klaus" value="rod_klaus" />
<br />
<br />

Answer 1

Попробуйте с jQuery LiveQuery плагин :

   $("#datep1").livequery("click", function(event) {
        $(this).datepicker();
   });

Answer 2

Изменить эту часть:

$("#datep1").live("click", function() {
        $("#datep1").datepicker();
    })

На это:

$("#datep1").datepicker();

Плагин DatePicker активируется при нажатии входа, поэтому вам не нужно заключать его в кликсобытие.