javascript - 在 Jquery 代码中调用 javascript 函数

Question

我正在使用下面的代码将一行附加到我的表中，它运行良好。

$(document).ready(function() {
    $("#tr_clone_add").click(function(){
        $('#listuser > tbody').after(
            '<tr><td><input type="text" class="tcal" readonly="true" path="date_debut"/></td></tr>'
          );
    });
});

我正在使用Tigra 日历并按照说明给出了输入class="tcal"，因此它应该显示日历/日期选择器。但是日历没有出现，我只得到简单的输入字段。如何让日历显示？

这就是我所说的日历：

<link rel="stylesheet" type="text/css" href="tcal.css" />
<script type="text/javascript" src="tcal.js"></script>

Answer 1

看起来您正在使用 Tigra 日历http://www.softcomplex.com/products/tigra_calendar/

首先，这不起作用的原因是因为此日历库希望页面已完全加载，并且在初始加载后不会将其他元素添加到页面中。

其次，您可以通过f_tcalInit()在添加元素后再次调用来初始化日历来修复它。像这样：

$(document).ready(function() {
    $("#tr_clone_add").click(function(){
        $('#listuser > tbody').after('<tr><td><input type="text" class="tcal" readonly="true" path="date_debut"/></td></tr>');
        f_tcalInit();
    });
});