让 jquery 对 ajax 添加的元素起作用的最佳方法是什么?

What is the best way to have jquery work for elements added by ajax?

编辑:

我在 bootstrap 模型中有一个带有 bootstrap 日期选择器插件的表单:

启动插件:

<script type="text/javascript">
$(document).ready( function() {
    // datepicker plugin
    $('.input-group.date').datepicker({
         // options
    });
});
</script>

添加到 custom.js 文件的页脚和表单输入:

<div class="input-group date">
     <input type="text" name="date" class="form-control" required><span lass="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>

这很好用,没有问题。

现在,如果我使用 GET 方法从文件中添加完全相同的模型内容,日期选择器的插件将不再工作。我必须添加到发送到模型的文件中:

<script type="text/javascript">
    $(document).ready( function() {
        // datepicker plugin
        $('.input-group.date').datepicker({
             // options
        });
    });
</script>

让它再次工作。 现在我的问题是:解决问题的最佳方法是什么?

在寻找解决问题的更好方法几天后,我发现我的答案是正确的。