0

テーブルに行を追加する機能がありますが、特定の「td」のクラスを追加した後に反映されません。

$("#add_resource_button").click(function() {
    $("#add_resource_table").append('<tr><td><select name="add_resource"></select></td><td><select name="add_role"></select></td><td><input type="text" name="start_date_tentative" class="date"/></td></tr>');});

ここで、クラス「日付」に対して、datepicker プラグインを実装しました。これは、class="date" を含むすべてのフィールドに対してカレンダー ポップアップを表示することになっています。しかし、「td」については、ボタンクリック これは起こっていません。

私は使用してみました：

$("#add_resource_button").on ("click",".date",function() {
        $("#add_resource_table").append('<tr><td><select name="add_resource"></select></td><td><select name="add_role"></select></td><td><input type="text" name="start_date_tentative" class="date"/></td></tr>');
});

行自体を追加していません。誰でもこれを行うための解決策を提案できますか? 前もって感謝します。

4

1 に答える 1

1

試す

$("#add_resource_button").click(function () {
    var $row = $('<tr><td><select name="add_resource"></select></td><td><select name="add_role"></select></td><td><input type="text" name="start_date_tentative" class="date"/></td></tr>').appendTo('#add_resource_table');
    $row.find('.row').datepicker();
});
于 2013-09-24T09:59:47.673 に答える