Javascript 如何在不同的目标jQuery上创建独立的函数?

Javascript 如何在不同的目标jQuery上创建独立的函数?,javascript,jquery,Javascript,Jquery,我不知道这是否是问题的根源,但似乎是stopPropagation()事件一次应用于两个div 一点解释:所以我有一个div“.customSelect”,只有当你点击一个链接“.customSelect”时,它才会显示出来。 主要的问题是,当我告诉它自己关闭它时,如果我点击主体,它会打开另一个div(它有相同的类,但仍然不应该) 让他们独立的最好方法是什么 这是代码,是指向小提琴的链接 $('.custom-select').click(function(e){ e.stopPropa

我不知道这是否是问题的根源,但似乎是
stopPropagation()
事件一次应用于两个div

一点解释:所以我有一个div“
.customSelect
”,只有当你点击一个链接“
.customSelect
”时,它才会显示出来。 主要的问题是,当我告诉它自己关闭它时,如果我点击主体,它会打开另一个div(它有相同的类,但仍然不应该)

让他们独立的最好方法是什么

这是代码,是指向小提琴的链接

$('.custom-select').click(function(e){
    e.stopPropagation();
    $(this).next($('.customSelect')).toggle(350);
});

$('body').click(function(e){
    $('.customSelect').toggle(350);
});  

我做错了什么?

当你点击离开时,使用此选项仅隐藏可见的内容

$('body').click(function(e){
    $('.customSelect:visible').toggle(350);
});  

只需对body click处理程序使用
.hide()
而不是
.toggle()
。嗯,是的,非常难:)