jquery與動態div綁定

Question

我有一個jQuery的問題。說我有2周的div jQuery中，

<div id='1'>    //static div 
</div> 

<div id='2'>    //dynamic div 
</div> 

靜態的div總是存在的文件，但是當我們點擊了固定的div動態DIV切換。現在我想要在動態div上放置一個事件，如：

$(document).on("show", "#2", {}, function() { 
alert("div 2 present"); 
}); 

這樣我就可以在文檔中出現動態div時做些什麼。我怎樣才能做到這一點 ？

Answer 1

當元素變得可見時，沒有「顯示」事件觸發。您必須將處理程序綁定到導致元素首先可見的事件。在這種情況下，這似乎是在第一個div單擊事件：

$(document).on("click", "#1", function() { 
    $("#2").toggle(); 

    if ($("#2").is(":visible")) { 
     alert("div 2 present"); 
    } 
}); 

注意，根據HTML 4規範，元素ID不應該以數字開頭。但是，在HTML 5中這是正常的。

需要注意的進一步改進是，將處理程序綁定到動態生成的元素時，最好定位最近的靜態父元素，而不是允許在document級別處理委派;即做$("#parent").on("click", element, function() {})。

最後，由於<div id="1">是靜態的，你並不需要一個委託的事件處理程序，可以將處理器直接綁定：

$("#1").click(function() { 
    //... 
});