觸發div點擊

Question

我動態appedning一個div。

$('#parent').append('<div id="sub"></div>'); 

我怎樣才能觸發這個DIV click事件（#go）被點擊時的圖像？

HTML

<img id="go" src="img.png" /> 
<div id="parent"></div> 

JS

$('#go').on('click',function(){ 
    //console.log("test1"); 
    $("#sub").click(); 
}); 

Answer 1

這應該工作...增加了一個處理程序來驗證...

$('#parent').append('<div id="sub"></div>') 
 
$('#go').on('click', function() { 
 
    $("#sub").click(); 
 
}) 
 

 
$('body').on('click', '#sub', function(e) { 
 
    console.log('sub clicked') 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img id="go" src="https://i.stack.imgur.com/wPE0C.jpg?s=48&g=1" /> 
 
<div id="parent"></div>

注：點擊#sub也觸發事件

Answer 2

使用觸發方法$("#sub").trigger('click'); 觸發（）方法觸發所選元素指定事件和事件（如表單提交）的默認行爲。

Answer 3

使用trigger()

$('#go').on('click',function(){ 
    $('#parent').find("#sub").trigger('click'); 
}); 

，確保爲#sub click事件被委派

$('#parent').on('click','#sub',function(){ 
//some code here 
}); 

Answer 4

使用event.preventDefault（），然後再觸發點擊： $('#go').on('click',function(){ event.preventDefault(); $("#sub").click(); });

Answer 5

當然你只是爲了將點擊功能綁定到#sub div。
結帳this小提琴