将输入标记初始化为标记 - 输入行为很奇怪

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