jQuery tagit を使用しています。ユーザーの「スキル」入力フォームを作成するためのライブラリ。ほとんどの jQuery ライブラリと同様に、これは非常に迅速で簡単なセットアップになると思いましたが、これには非常に多くの問題があります。以下の例のソース コードをたどってみましたが、直接のソース コードでも動作しません。
ここにあるスクリプトを使用しています: https://github.com/aehlke/tag-it/blob/master/README.markdown
ヘッダーで tag-it ライブラリを初期化する JavaScript は次のとおりです。
$(function() {
$('#skills').tagit({
singleField: true,
});
});
そして<ul>、tag-it.js ライブラリが呼び出されたときに入力フィールドになるはずの要素は次のとおりです。
<ul id="skills"></ul>
これを機能させるために、これらすべてのファイルを含めています。
<link rel="stylesheet" href="styles/tag-it.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/tag-it.js"></script>
すべてのファイルが正しく呼び出されており、エラーは発生していません。<ul>手動で作成しない限り、タグがある入力フォームはありません
なぜこれが機能しないのか、誰にも手がかりがありますか? 入力フィールドを手動で追加して、特定の ID またはクラスを割り当てる必要がありますか?
編集：これは解決されました。投稿されたコードはすべて 100% 正しいです。tag-it の初期化前に jquery セレクターでエラーが発生しました。