アクティブなブラウザタブでのみブートストラップモーダルポップアップを表示

Question

私は、ブートストラップモーダルポップアップオープンロジックがアプリケーションのマスターページに追加されるシナリオを持っています。モーダルポップアップは、api呼び出しがapiサーバーからステータスメッセージを送信するとトリガーされます。ユーザーが単一のブラウザー・タブで開かれたアプリケーションのインスタンスを1つしか持たない場合は、正常に機能します。しかし、この問題は、ユーザーがアプリケーションの異なるページの複数のブラウザタブを開くときに発生します。 API呼び出しによって状態メッセージが送信されると、ユーザーはすべてのタブでこれらのポップアップを表示したくないため、問題であるブートストラップモーダルポップアップがすべてのタブでトリガーされます。

私は以下のjquery onfocusを試しました。しかし、これは動作しません。私は、アクティブなブラウザのタブにeventlistenerを付ける必要があると思いますが、どのように進めるかはわかりません。誰かがアクティブなブラウザタブを見つけてアクティブなタブでのみブートストラップポップアップを起動する方法を教えてください。あなたはPage Visibility API使用することができ、あなたのイベントハンドラで

$(window).focus(function(){ 
    console.log('Trigger popup'); 
}); 

Answer 1

：

 if (!document.hidden) { 
      // do your stuff 
     }