私のjQuery BBCodeスクリプトが正しく動作しません。少しバグがあります。

Question

私のプロジェクトには現在基本的なBBCodeスクリプトが使用されています。

問題は、BBCodeが最初のテキストエリアでのみ機能することです。私が他のテキストエリアを含めると、それはバグが始まります。

たとえば、 最初のテキストエリアで、Bイメージ（BBCode太字を意味する）を押すと、テキストエリアのの両方にに "[b] [/ b]"と書き込まれます。 2番目のテキストエリアで、Bの画像（BBCodeの太字を意味する）を押すと何も起こりません。

編集：私はコメントの壁を削除し、すべてをJSFiddleに移動しました。ライブの例は次のとおりです。http://jsfiddle.net/vveaQ/4/

問題を説明しましょう。 3行目のBボタンをクリックしてください。すべてのテキストエリアに[b] [/ b]と書かれます。上の方がクリックされると、[b] [/ b]が2番目と3番目のテキストエリアに書き込まれ、上の方が上にのみ[b] [/ b]と書かれます。

これを解決するためにいくつかのことを試しました（たとえば、テキストエリアIDの名前を変更するなど）が何も助けてくれませんでした。誰でもこの問題について助けてくれますか？

私は何か助けに感謝します。

Answer 1

あなたbbcode機能は同じIDを持つ要素を作成し、それらのすべてにイベントハンドラをアタッチ：

$('#bbcode_bb_bar a').click(function()... 

あなたは3つのバーを持っている場合は、最初のものは、それに添付3つのclickハンドラを持つことになります。