css - Bootstrap 标签输入不工作

Question

我刚刚遇到 Bootstrap tagsinput，我正在试用它，但我似乎无法让它工作。

我在布局的顶部添加了以下内容:

<link rel="stylesheet" href="~/Scripts/bootstrap_tagsinput/bootstrap-tagsinput.css">

我在布局底部添加了以下内容:

<script src="~/Scripts/bootstrap_tagsinput/bootstrap-tagsinput.js"></script>

然后在我的部分页面中添加了以下内容:

<input type="text" value="" data-role="tagsinput" id="tags" class="form-control">

下面是正在发生的事情的图像，而不是显示的标签:

据我了解，这应该可行。我错过了什么？

Answer 1

我认为因为它是局部 View 并且在库加载后出现，所以它没有被应用。

我遇到了完全相同的问题。我的索引页面包含所有库，但局部 View 从未使用过它们。

我必须将它添加到局部 View Razor 以强制它在加载后应用。

<script>
    $(function () {
        $('input[data-role=tagsinput]').tagsinput();
    }
    );
</script>