jqueryを保持するタブ内のダイアログ

Question

いくつかのタブがあります。そして一つのタブで、私は多くのダイアログを開きたいと思っています。しかし、ユーザーがタブを変更した場合は、それらのダイアログを別のタブに残しておきます。何が起こっているのか、ユーザーがタブを切り替えると、ダイアログが常に一番上に表示されます。

ディビジョン内のダイアログを常にどのように保つべきか考えてみましょうか？

ありがとうございます！

Answer 1

タブをクリックすると、JQueryはすべてのタブの内容（div）を非表示にして、選択したdivを表示します。ダイアログを表示したいタブに基づいてダイアログの表示/非表示を同期させる必要があります。

ダイアログを表示するユーザーがダイアログを持つタブをクリックし、他のタブに移動したときにダイアログを閉じると、ダイアログが表示されます。

select: function(event, ui) { ... } JQuery Tab機能を使用すると、ダイアログを表示/非表示できます。

Link to JQuery Tabs select event

Link to JQuery Dialog method

グッドラック:)

Answer 2

各タブのクリックイベントでダイアログを閉じることができます。ダイアログが開かれたことを示す方法と、そのタブが再度クリックされたときにダイアログボックスが開くように、どのタブを表示する必要があります。あなたはおそらく、ダイアログボックスのdivに、そのタブの名前やそれに一致するものと一致するクラスを追加するだけです。