0

jQuery TimePicker があります。正常に動作していますが、行を複製すると、最初の行でのみ機能し、複製された行では機能しません。

これはコードです：

<script>
    $(function() {
        $('#timePicker').timepicker({ 'timeFormat': 'H:i' });
    });
</script>       

<input id="timePicker" name = "time[]" type="text" class="time" />

IDを使用して関数を呼び出していると思います。他に良い方法はありますか？

4

2 に答える 2

2

行を複製するときは、2 番目のタイムピッカーも初期化します。

DOM に重複した ID があるため、現在のコードでは問題が発生する可能性があります。したがって、をに変更し、行を複製するときにこれを呼び出すことをお勧めしidますclass。

$('.timePicker').timepicker({ 'timeFormat': 'H:i' });

または、入力フィールドの id を削除して、これを使用します。

$('.time').timepicker({ 'timeFormat': 'H:i' });
于 2013-07-18T08:02:59.900 に答える
0

これは...タイムピッカーが呼び出されたときに..複製された要素がドキュメントに存在しないため、タイムピッカーを見つけて追加することができません..複製された要素がドキュメントに追加された後、タイムピッカーを再度呼び出します。

これを試して

<script>
  $(function() {
    $('.time').timepicker({ 'timeFormat': 'H:i' });
    //-^---here using class selector

    //your codes to append the cloned element.

     $('.time').timepicker({ 'timeFormat': 'H:i' }); //call again
     //-^---here using class selector
 });
</script>

注：要素のクローンを作成すると、同じIDを持つ2つの要素が無効になるため、必ずクラスを使用してください..だから私はここでクラスを使用しています

于 2013-07-18T08:01:35.930 に答える