0

jQuery タグ マネージャー ( http://welldonethings.com/tags/manager )を実装しようとしましたが、最後の日は無駄でした...

環境がどのように見えるか: これは、(ブートストラップ モーダル内で) タグ付けできるいくつかの要素を持つブートストラップを利用した Web サイトです。

これまでに行ったこと: tagManager クラスを入力フィールドに追加しました。

<form>
   <input type="text" name="tags_0" placeholder="Tags" class="tagManager">
</form>

さらに、私のウェブサイトの head セクションに、カスタム JavaScript ファイルを含めました。

<script type='text/javascript' src="js/javascript.js"></script>

ファイルは次のようになります。

jQuery(".tagManager").tagsManager();

もちろん、jQuery lib と bootstrap & TagsManager css ファイルも含まれています。

ただし、タグを入力するたびに、get-variable「?tags_0=test」でウェブサイトをリロードします

私は今、ちょっとイライラしています。とても簡単に思えますが、私はそれを機能させることができません...

よろしく、ニコ

4

1 に答える 1

0

これはおそらく元の投稿者には役に立たないでしょうが、私はまったく同じ問題を抱えていて、ヘルプを検索したときにこの質問を見つけたので、私の答えはここで同じ問題。

私もこのjQueryプラグインを使用しようとしていましたが、それを機能させるのにも苦労していました. コードをチェックしてヘルプを探すのに何時間も費やしましたが、常にコードが正しいという結論に達したため、何が問題なのかわかりませんでした。しかし、どういうわけか、それは機能し始めました。私が気づいたことの 1 つは、最初に css ファイルを呼び出してから js ファイルを呼び出すと、タグを削除するための "x" が必要な場所に奇妙なものが表示されることでした。しかし、最初に js ファイルを呼び出してから css ファイルを呼び出すと、完全に機能します。

これは私が使用したコードです：

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap-tagmanager.js"></script>
<link href="bootstrap-tagmanager.css" rel="stylesheet" type="text/css">
</head>
<body>

<input type="text" name="products" placeholder="Add your Products" class="tagManager">

<script>
 jQuery(".tagManager").tagsManager();
</script>

</body>

これが誰かに役立つことを願っています。

于 2013-07-20T22:03:58.043 に答える