1

jquery time pickerを使用しています。すべての要素の時間ドロップダウンが表示されますが、これを動的に作成されたテキスト フィールド (「さらに追加」ボタンを使用して JavaScript でフォーム要素を動的に作成) に適用すると機能しません。

以下は私が実装したコードです。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="../include/jquery_time_picker/jquery.timepicker.js" ></script>
<link rel="stylesheet" type="text/css" href="../include/jquery_time_picker/jquery.timepicker.css" />
<script>

$(function() {
     $(".Time_Pic").timepicker();
});

function add_more_element()
{
   //code for creating form elements
}
</script>

私が間違っていることを教えてください。

4

2 に答える 2

3

add_more_element()私はあなたの関数内でそれを呼び出します

function add_more_element()
{
//code for creating form elements
    $(".Time_Pic").timepicker();
}

このように、新しい要素が作成されるたびに、timepickerがそれに適用されます。

于 2013-03-28T13:32:07.453 に答える
1

あなたの追加機能では、このようにしてみてください

function add_more_element()
{
    //code for creating form elements
   //add element here like
    $('div').append("<input type='text' class='time'>");
    $('.time').timtpicker();
}
于 2013-03-28T13:32:37.830 に答える