jquery - tags-input が奇妙な動作をするため、入力タグを初期化します

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 ライブラリでよく見られる現象です。