單擊除動態創建的元素之外的html元素？

Question

我需要觸發除了div之外的html頁面中的click。但是div是在頁面加載后動態創建的。我嘗試過以下代碼。

$('html').click(function(e) {   

    if(!$(e.target).hasClass('flyoutdiv') ){

    }

}); 

它僅適用於未動態創建的元素。 “flyoutdiv”是在頁面加載后動態創建的。我需要觸發整個頁面中的點擊，除了該元素。是否有任何解決方案？

Answer 1

您需要使用方法on的元素動態創建。

 $('html').on('click', function(e) { if (!$(e.target).hasClass('flyoutdiv')) { } }); 

Answer 2

您需要將click事件附加到flyoutdiv div，如下所示。

$(".flyoutdiv").on('click',function(e){e.stopPropagation();})

要處理動態flyoutdiv您可以使用如下代碼。

$("body").on('click',".flyoutdiv",function(e){e.stopPropagation();})

Answer 3

創建flyoutdiv后，將事件偵聽器綁定到他。 創建div后添加$('.flyoutdiv').click(function(){//your code here});

它比在每次點擊時搜索目標要好得多。