window.Open（）関数のウィンドウ数を制限する方法

Question

Codeigniterページ内容いくつかの段落。クリック可能な各段落と一度段落をクリックすると、新しいウィンドウが別のurlで開きます。ポップアップウィンドウが開いていても、ユーザーは任意の段落をクリックできます。複数のウィンドウが表示されます。

ユーザーが段落をクリックしたようにしたいのですが、ポップアップウィンドウが1つだけ開いていて、前のウィンドウを閉じずに別の段落をクリックした場合は、前のウィンドウを閉じてから新しい新しいウィンドウを開きます。一度に1つの新しいウィンドウ。

$(".target").click(function() {  
 
    window.open("My URL", "", "width=400, height=300"); 
 
});

<div class="col-md-9"> 
 
    <?php 
 
    foreach ($pro as $data) { 
 
     echo '<div><p class="target">' . $data->content . '</p></div>'; 
 
    } 
 
    ?> 
 
</div>

Answer 1

はwindow.openに2つ目の引数を使用して、ポップアップウィンドウに名前を付けます。その名前のウィンドウが既に開いている場合は、その内容が置き換えられます。

$(".target").click(function() {  
    window.open("My URL", "mypopup", "width=400, height=300"); 
}); 

Answer 2

あなたはポップアップウィンドウへの参照を格納し、次のいずれかが開いたときにそれを閉じることができます。そして、あなたはその同じ変数に新しいポップアップを格納します。

var popup = null; 
$("p").click(function() { 
    if(popup) popup.close() 
    popup = window.open("My URL", "", "width=400, height=300"); 
});