Javascript 触发div单击

我要去潜水

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

js

---

这应该有用。。。添加了一个处理程序以验证

$（“#父项”）。附加（“”）
$（'go'）。在（'click'，function（）上{
$（“#sub”）。单击（）；
})
$（'body'）。在（'click'，'sub'，函数（e）{
console.log（'sub-clicked'）
})

---

您可以使用触发器方法

$（“#sub”）。触发器（'click'）
trigger（）方法为所选元素触发指定事件和事件的默认行为（如表单提交）。
使用
trigger（）

，确保委派了
#sub
的单击事件

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

首先使用event.preventDefault（），然后单击触发器：
$（'go'）。在（'click'，function（）上{
event.preventDefault（）；
$（“#sub”）。单击（）；
});
确保只需将一个单击函数绑定到
#sub
div.

查看fiddle
您到底想做什么？您是否已将事件处理程序挂接到
#sub
？除非您使用的是奇特的事件委派，否则必须在元素附加到DOM后附加它。由于
#sub
被引用为ID，因此无需使用
.find（）
。您可以只使用
$（'#sub'）
。
$('#go').on('click',function(){
     //console.log("test1");
     $("#sub").click();
});

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

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