去卡咪官网
$('#aBtn').click();//无法跳转，不生效
$('$aBtn').trigger('click');//同样无法跳转，不生效
下面就来一起分析下其原因与解决方法吧
问题原因
jquery内部实现click或trigger方法时，并未真正模拟用户点击事件，只是模拟了事件对象及冒泡的触发。（最后附有jquery实现源码供参考）
解决方案
解决思路：在原生dom触发click事件或利用事件冒泡来解决。
原生dom触发click
去卡咪官网
document.querySelector('#aBtn').click();//原生dom触发或者
$('#aBtn')[0].click();//jquery对象转为dom对象再触发
利用子元素事件冒泡
去卡咪官网
$('#spanBtn').click();//或者
$('#spanBtn').trigger('click');
jquerytrigger()实现源码(8159行-8304行)
源码链接地址
关键摘要：
//Firehandlersontheeventpath（8237行）
i=0;
while((cur=eventPath[i++])&&!event.isPropagationStopped()){
lastElement=cur;
event.type=i>1?
bubbleType:
special.bindType||type;
//jQueryhandler
handle=(dataPriv.get(cur,"events")||{})[event.type]&&
dataPriv.get(cur,"handle");
if(handle){
//******自身trigger('click')或click()时,会调用缓存列表里的事件回调函数,但未执行elem.click()******
handle.apply(cur,data);
}
//Nativehandler
handle=ontype&&cur[ontype];
if(handle&&handle.apply&&acceptData(cur)){
event.result=handle.apply(cur,data);
if(event.result===false){
event.preventDefault();
}
}
}
//Ifnobodypreventedthedefaultaction,doitnow（8263行）
if(!onlyHandlers&&!event.isDefaultPrevented()){
if((!special._default||
special._default.apply(eventPath.pop(),data)===false)&&
acceptData(elem)){
//CallanativeDOMmethodonthetargetwiththesamenameastheevent.
//Don'tdodefaultactionsonwindow,that'swhereglobalvariablesbe(#6170)
if(ontype&&isFunction(elem[type])&&!isWindow(elem)){
//Don'tre-triggeranonFOOeventwhenwecallitsFOO()method
tmp=elem[ontype];
if(tmp){
elem[ontype]=null;
}
//Preventre-triggeringofthesameevent,sincewealreadybubbleditabove
jQuery.event.triggered=type;
if(event.isPropagationStopped()){
lastElement.addEventListener(type,stopPropagationCallback);
}
//******子元素trigger('click')或click()，会执行elem.click()******
elem[type]();
if(event.isPropagationStopped()){
lastElement.removeEventListener(type,stopPropagationCallback);
}
jQuery.event.triggered=undefined;
if(tmp){
elem[ontype]=tmp;
}
}
}
}
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。