點擊時調用函數，除非在某些元素上發生點擊

Question

當用戶點擊模式時，我希望模態隱藏。我使用此代碼實現這一點：

$(".modal").click(function(event){ 
    $('#myModal').modal('hide'); 
});  

然而，.modal包含img和p，並且當這些元素在用戶點擊我不想模態隱藏。什麼是實現這一目標的最佳方式？

謝謝。

Answer 1

使用$(event.target).is('.modal')來檢查點擊元素是否爲模態。

$(".modal").on('click', function (event) { 
    if ($(event.target).is('.modal')) { 
     $('#myModal').modal('hide'); 
    } 
}); 

Example Here