2

jquery ui datepicker を使用しています。テストページでは正常に動作します。

<div><input type="text" name="basic_example_1" id="basic_example_1" value="" />                     </div>      

<script>
$('#basic_example_1').datetimepicker();
</script>

しかし、入力フィールドが ajax 経由で読み込まれる場合、どのようにスクリプトを配置すればよいでしょうか? 私はこれを試しました

$("#basic_example_1").live("click", function(){
  $(this).datetimepicker();
});

動作していません。ヒントをいただければ幸いです。

4

5 に答える 5

1

これを試して：

$('#basic_example_1').click(function(){
    $('#basic_example_1').datepicker('show');
});

または、入力フィールドが動的になる場合は、「日付」クラスを作成し、日付ピッカーを必要とするすべての入力フィールドにこのクラスを割り当て、次のスクリプトを追加します。

    $('.date').click(function(){
        $('.date').datepicker();
        $(this).datepicker('show');
});
于 2012-12-20T05:18:27.693 に答える
1

ajaxdatetimepicker() の関数の後、入力が追加された後に呼び出す...success

$.ajax({
  ....
  success:function(){ 
      //do ur stuff..  append your input which is already done i guess
      $('#appendedInputID').datetimepicker(); //id of appened input 
  }
});
于 2012-12-20T05:07:59.940 に答える
0

Ajax 呼び出しの後、success 関数で、次のように記述できます。

 jQuery.ajax({
      url: //url
      type: //post/get
      ...
      ...
      success: function(..){
                //Display/load text field
                jQuery("#basic_example_1").datetimepicker();
               },
      failure: function(..){
                   //code for failure
                 }



 });

うまくいくと思います。

于 2012-12-20T05:57:08.597 に答える
0 
$(document).on('click', '#basic_example_1', function(){
    ...etc...
});

このようにして、#basic_example_1 ではなくドキュメントにバインドされるため、基準に適合する ajax 経由で到着するものはすべて取得されます。

于 2012-12-20T05:06:34.440 に答える
0

簡単な例を次に示します。ajax を介して入力を取得していませんが、dynamicallyそれを作成しています。それQoopを使用focusしてみると、click奇妙な結果が得られました。これはあなたを助けるはずです：

jQuery:

$(document).on('focus', '#basic_example_1', function () {
    $(this).datepicker();
});

例については、http: //jsfiddle.net/a3zWv/をご覧ください。

于 2012-12-20T05:24:44.953 に答える