jquery - 如何将Bootstrap标签绑定(bind)到动态创建的元素？

我在将Bootstrap标签绑定到输入字段时遇到问题，我认为这是因为输入字段是使用Ajax动态创建的。根本没有开火。

echo " <div class='tags-cont'>
    <input value='".$tags."' class='tags' type='text' name='tags' data-role='tagsinput' placeholder='Add tags' />
</div>";

在主体关闭标签之前嵌入了脚本：

<script src='scripts/plugins/bootstrap_tags/bootstrap-tagsinput.js' type='text/javascript'></script>
<link href='scripts/plugins/bootstrap_tags/bootstrap-tagsinput.css' rel='stylesheet' type='text/css' />

最佳答案

我知道了。对于将来会迷失于此的任何人：

去掉：

data-role="tagsinput"

并实例化ajaxComplete上的标签输入：

$(document).ajaxComplete(function(){
        $('.tags').tagsinput({
            maxTags: 3
        });
    });