Javascript jQuery单击事件在尝试忽略某些子项时会出现问题
我对单击事件有问题:Javascript jQuery单击事件在尝试忽略某些子项时会出现问题,javascript,jquery,Javascript,Jquery,我对单击事件有问题: $( document ).on( "click", "#dropdown", function () { showHide(); } ).find( "a" ).click( function ( e ) { e.stopPropagation(); } ); <div id="dropdown"> <a href="https://google.de"></a> <- This should not
$( document ).on( "click", "#dropdown", function () {
showHide();
} ).find( "a" ).click( function ( e ) {
e.stopPropagation();
} );
<div id="dropdown">
<a href="https://google.de"></a> <- This should not trigger the click
</div>
$(文档)。在(“单击”按钮、“下拉菜单”上,函数(){
showHide();
})。查找(“a”)。单击(功能(e){
e、 停止传播();
} );
您可以检查单击的目标是否是
元素,如果不是,请继续执行.showHide()
您需要更改选择器,使其仅适用于#下拉列表的子项
$( document ).on( "click", "#dropdown", function () {
showHide();
} ).find( "#dropdown > a" ).click( function ( e ) {
e.stopPropagation();
} );
什么的子链接标签?下拉列表?请使用示例详细说明。@PrakharLondhe是的,在下拉列表中。您可以添加一些HTML帮助我们了解您的设置吗?为什么不这样做!==?
$( document ).on( "click", "#dropdown", function () {
showHide();
} ).find( "#dropdown > a" ).click( function ( e ) {
e.stopPropagation();
} );