让 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>
让它再次工作。
现在我的问题是:解决问题的最佳方法是什么?
在寻找解决问题的更好方法几天后,我发现我的答案是正确的。
编辑:
我在 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>
让它再次工作。 现在我的问题是:解决问题的最佳方法是什么?
在寻找解决问题的更好方法几天后,我发现我的答案是正确的。