Jquery事件監聽器基本理解

Question

我想更全面地理解Javascript如何處理事件。 click（）會觸發一個div彈出，但一旦div被關閉，它不會再次響應該事件。 什麼是保持這個事件循環的好方法？

$project.click(function() { 
     $popup = $(".popup"); 
      $np.hide(); 
    $popup.append($html); 

    // EXIT THE POPUP 
     $(document).bind('keydown',function(e) { 
     if (e.which == 27) { 
      $popup.hide(); 
      $np.show("slow"); 
     } 
    }); 
     $(".exitbutton").click(function() { 
      $popup.hide(); 
      $np.show("slow"); 
    }); 
}); 

Answer 1

如果.popup元素在頁面加載設置爲display:none，可以嘗試在$projectclick處理程序使用.toggle()。還定義$popup，移動​​事件click處理程序之外，其中出現在click的每個$project

var $popup = $(".popup"); 
$project.click(function() { 
    $np.toggle(); 
    $popup.append($html).toggle(); 
}); 

// EXIT THE POPUP 
$(document).bind("keydown",function(e) { 
    if (e.which == 27) { 
     $popup.hide(); 
     $np.show("slow"); 
    } 
}); 

$(".exitbutton").click(function() { 
    $popup.hide(); 
    $np.show("slow"); 
});