iFrame が 1 つあるページ (「ベースページ」など) があります。この iFrame には、実行時に何らかの基準に基づいて表示および非表示にされるさまざまな div があります。この基準は、別のページ (「page2」など) を介した他の外部 API への AJAX 呼び出しに他なりません。API が ('x' と言う) 値を返す場合、div1 が表示され (残りは非表示になります)、API が値を返す ('y' と言う) 場合、div2 が表示されます (残りは非表示になります)。
問題は、basepage のブラウザ ウィンドウを 1 つだけ開いた場合はすべて正常に動作しますが、basepage の複数のウィンドウ/タブを開くと、すべてのページの値が反映されないことです。
次の手順を検討してください。
ベースページを開きます。デフォルト設定が表示されます。
ページ 2 を開きます。API が呼び出され、「x」が返されます。basepage 'div1' では、ブロックが表示され、残りは非表示になっています。
同じブラウザの別のタブ/ウィンドウでベースページを開きます。これが発生しない場合は、デフォルト設定が表示されます。残りを非表示にして div1 を表示する必要があります。
すべての人が理解できるように、私の問題を十分に明確にしたことを願っています。これは、javascript/jQuery のみを使用して行う必要があります。親切に私を助けてください。
本当にありがとう。