2017-04-22 59 views
0

MainHtml無法使用JS /活動/ jQuery的經過:電子 - 加載HTML

<head> 
    </head> 
    <header > 
    </header> 
    <body> 
     <div id="x1y1"></div> // Load contents dynamically here 
     <script src="All scripts one by one"></script> 
    </body> 

電子窗口在負載[主窗口已經加載上面的html]

onload = $(function(){ 
    $('#ElementLoadedOnload').click()...etc tc; 
    $('#ElementLoadedDynamicallyIn_x1y1_div').click()...etc tc; 
}); 

所以當電子加載HTML ,只有初始加載的html和元素可以在jQuery中使用。當我使用jQuery在x1y1標籤中動態加載html時,$('#ElementLoadedDynamicallyIn_x1y1_div').click()不起作用,所以我必須包含onclick="FunctionName()",以便在html本身中的每個元素都可以工作。我在這裏做錯了什麼?或者是否有可能以另一種方式。

回答

0

您需要使用的方法

$("body").on("click", '#ElementLoadedDynamicallyIn_x1y1_div' , function() { 
    //Do what you want to do 
}); 
+0

爲什麼這麼說,已經加載響應,而要素,動態HTML不?多數民衆贊成我的主要好奇心 –

+0

在動態元素上,直接綁定不起作用,所以你需要添加on方法來監聽所有事件 –

+0

有沒有更好的方法通過任何Dom方法或JQ本身做動態元素的直接綁定? –