jquery - 将输入标签初始化为标签输入行为奇怪

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 库中的常见现象。