Bootstrap标签输入 - 在标签之间添加

Question

我有一个标签输入字段，我必须做一些更改。 例如，我之前有这个字段 - ＆gt;

我用箭头键移回光标并删除＆＃34; test＆＃34;标签 - ＆gt;

然后我再次在同一位置重新输入 - ＆gt;

我按下右箭头键并将光标放回到它的位置。我提交的表格如上图所示，顺序为＆＃34; test，phrase＆＃34;。但结果是＆＃34;短语，测试＆＃34;。我想保留我编辑它的顺序。知道这里有什么问题吗？

HTML代码 - ＆gt;

<div class="col-md-8 col-xs-12">
    <input type="text" data-role="tagsinput" class="form-control" name="phrases" placeholder="Enter Phrases In Order" value="<?php echo $phrases;?>" required>
</div>

php变量$ phrase正以逗号分隔格式从MySQL中检索。

$phrases="test,phrase";

真的不是很多代码。我只想在编辑后保留订单。

Answer 1

我已就此进行了一些研究，但我无法在文档中找到任何自定义选项来解决此问题。我已经提出了一个简单的修复方法，您可以稍微修改bootstrap-tagsinput.js代码。我希望这会对你有所帮助。

找到这行代码：

self.itemsArray.push(item);

并将其替换为：

self.itemsArray.splice(self.findInputWrapper().index(), 0, item);

更改标记后，您可以console.log($("input").tagsinput('items'));查看返回的array。

.push()为array的结尾增加了价值，但是当您使用.splice()时，您可以指定添加它的位置。

那应该解决你的问题。