jquery 'editable'プラグインがバグを有効にする

Question

jqueryプラグインを編集可能にするために編集しています。私は一度に一つの要素しか編集できないようにしようとしています。だから私はonEditでその編集能力を無効にして、（キャンセルまたはサブミット後に）それを再び有効にしています。私はこれをうまくやっていましたが、（セレクタ）.editable（ 'enable'）を呼び出すたびにプラグインのバグと思われるものが発生しました。

要素が選択されると、その要素にeditable（ 'enable'）を呼び出すたびに（一時的に無効にされているかどうかにかかわらず）、テキスト領域ボックスの内容に内容のテキストエリアとボタンタグがあります。テキストエリア内に表示されるのは、

<textarea style="width: 991px; height: 58px;" class="test"></textarea> 
<button>Save</button><button>Cancel</button> 

です。テキストエリアが別のタグセットで囲まれていることを意味します。誰もこれを前にして来たのですか？あるいは、問題を解決するための提案がありますか？あなたの時間/助けをありがとう、ありがとう。

Answer 1

最近、同じバグを見つけました。いくつかのデバッグ後に問題を把握します。

プラグインの内部では、toEditable関数は要素を編集可能にする責任があります。 clickのデフォルトを指定するイベントにバインドされています。

問題は、イベントがトリガーされた回数をプラグインがチェックしないということです。したがって、要素をクリックするたびにtoEditable関数が呼び出され、要素に編集可能なhtmlを追加しようとします。

これがそのマークアップを表示している理由です。イベントをダブルクリックするように変更してみると、私が言っていることをよりよく理解することができます。

よろしく、 SW