相关疑难解决方法(0)

如何使用Bootstrap Tags输入插件

我试图使用没有Typeahead的Bootstrap标签输入插件.我已经包含以下文件:

<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="../../tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet" type="text/css">
<script src="../../tagsinput/js/bootstrap-tagsinput.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

脚本如下:

<script>
    $('#tagPlaces').tagsinput({
        allowDuplicates: true
    });
</script>
Run Code Online (Sandbox Code Playgroud)

使用插件的JSP表单的一部分:

<div class="form-group">
        <label for="tagPlaces" class="col-sm-2 control-label">Tag Places</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" data-role="tagsinput" id="tagPlaces">
        </div>
</div>
Run Code Online (Sandbox Code Playgroud)

但我无法在输入字段中看到标签.当我按下输入标签时,我的表单也会被提交.请提出我缺少的内容以及使用该插件的正确方法.

jquery twitter-bootstrap-3 bootstrap-tags-input

8
推荐指数
1
解决办法
3万
查看次数