背景とツール:
Rails でBootstrap Tags Input jQuery プラグインを使用しています。
プラグインを として保存しておりvendor/assets/javascripts/bootstrap-tagsinput.js
、スタイルシートをとして保存していますvendor/assets/stylesheets/bootstrap-tagsinput.css
。
デジタル ライブラリ Rails アプリですべての本にタグを付けています。
問題:
Book#new
またはに直接移動するとBook#edit
、タグはプロジェクトのデモ ページから期待どおりに機能します。
ただし、別のページのリンクをクリックしてBooks#edit
またはページに移動すると、テキスト入力は、コンマ区切りの文字列が表示された典型的な html テキスト入力としてフォーマットされます。Books#new
science,fiction,good,short
詳細情報: 私の入力は次のようになります。
<input class="form-control tagsinput" data-role="tagsinput" id="books_tags"
name="books[tags]" type="text" value="science,fiction,good,short">
このbootstrap-tagsinput.js
ファイルには、ファイルの下部に次の行があります。
/**
* Initialize tagsinput behaviour on inputs and selects which have
* data-role=tagsinput
*/
$(function() {
$("input[data-role=tagsinput], select[multiple][data-role=tagsinput]").tagsinput();
});
})(window.jQuery);
この初期化はRailsによって実行され<input>
、URLの場所を直接入力するときにJavaScriptの魔法を適用するようですが、ページ上のリンクを介して移動するときはそうではありません.
質問:
別のページから移動するときに初期化を実行するにはどうすればよいですか?