如何将Bootstrap标签绑定到动态创建的元素?

时间:2014-06-08 09:53:06

标签: jquery twitter-bootstrap bootstrap-tags-input

我遇到了将Bootstrap Tags绑定到输入字段的问题,我认为这是因为输入字段是使用ajax动态创建的。什么都没有发射。

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

在正文结束标记之前嵌入了Scrtipts:

<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' />

1 个答案:

答案 0 :(得分:7)

我明白了。对于任何将来会偶然发现的人:

卸下:

data-role="tagsinput"

在ajaxComplete上实例化tagsinput:

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