ダブルクリックでフォームを表示するが、フォームのダブルクリック イベントをトリガーしない jQuery イベントを作成するにはどうすればよいですか?

Question

ユーザーが表のセルをダブルクリックすると、セルが HTML フォームで更新されるイベントを作成したいと考えています。フォームが表示されているときにダブルクリックイベントが機能しないようにします。ユーザーがキャンセル ボタンを押してフォームをキャンセルするか、送信ボタンを押してフォームを送信すると、表のセルはそれぞれ元の値または更新された値に更新され、ダブルクリック イベントが再び機能するはずです。

この関数を実装するにはどうすればよいですか?

これは私の現在のコードです。 「click me」をダブルクリックするとフォームが表示されます。フォームを再度ダブルクリックすると、フォームが表示されている間もダブルクリック イベントが発生するため、フォームが再度更新されます。

HTML フォームを表示せずに、セルに値が表示されている場合にのみダブルクリック イベントをトリガーするにはどうすればよいですか。

明確にするために、これは単一の float 値を格納するセルになります。最初に値をダブルクリックして、送信ボタンを押して更新するか、キャンセル ボタンを押してキャンセルすると、セルはその値に更新されます。元の値に戻すと、その値を再度ダブルクリックできます。

リーリー リーリー

Answer 1

これが私だったらやることです。

まず、DOM でフォームを非表示にして、複数回または複数の場所で簡単に使用できるようにします。

次に、セルをダブルクリックしてフォームを複製し、非表示クラスを削除してセルに挿入します。こうすることで、よりテンプレートのように機能します。

詳細については、jQuery clone を参照してください...ボタンのイベント ハンドラーを複製することもできるため...これにより、コードの重複が減ります。これを達成するには、さらに 5 分ほど読む必要があります ;)

リーリー リーリー リーリー

Answer 2

最も簡単な方法は、おそらくフォームとテーブルのセルの内容を別の <div> に配置し、それらの表示/非表示を切り替えることです。

リーリー リーリー リーリー