初始化输入标签，因为标签输入行为异常

Question

html:

<input type='text'id='some_id' class='form-control', data-role='tagsinput' />

js:

$("input").tagsinput();

但它将输入标签的样式更改为 display='none' 并添加了一个额外的 div。

此处返回html:

<div class="bootstrap-tagsinput"> <input type="text" placeholder="" size="1"></div>
<input class="form-control" data-role="tagsinput" id="some_id" style="display: none;" type="text">

为什么它表现得很奇怪？

Answer 1

这不是奇怪的行为，它运行正常。当您执行 $("input").tagsinput(); 时，库采用 input，将其包装在它具有样式的其他标记中，并添加您想要的特殊行为（即标记）。这是 JavaScript 图书馆的普遍现象。