在这个例子中如何指定.stopPropagation()？

Question

我使用以下代码来获得“单击外部”以关闭工作：

单击 div 时显示：

$('div.topIconNew').click(
    function(){
        $(this).siblings('div.topTip').show();
        $(this).siblings('div.topDrop').slideDown(240);  

单击 div 外部隐藏时：

$('div#wrapper').click(
    function(event){
        $('div.topIconNew, div.topTip, div.topDrop').hide();
    }
);
$('div.topTip, div.topDrop').click(
    function(event){
        event.stopPropagation();
    }
);

上面的问题是 topIconNew .stopPropagation 使得一旦 topTip 和 topDrop div已打开，如果我再次单击相同的 topIconNew （即切换）或 topIconNew 的另一个实例，它们将不会关闭。

新编辑***

好吧，我正在思考这个问题，想知道解决方案是否可以使用 if 语句。

所以我最终想要以下附加代码：

$('topIconNew').click(
    function(){
        $('div.topTip, div.topDrop').hide();
    }
);

但是，我希望上面的内容也说仅在单击topIconNew时隐藏topTip和topDrop如果仅打开topTip和topDrop并且隐藏当前打开的 topTip 和 topDiv 元素。

上面的话我该怎么说呢？

Answer 1

这并没有直接回答你的问题，但我刚刚看到有人以一种非常优雅的方式实现了“单击任意位置关闭弹出窗口”方法；需要注意的是，页面的其余部分必须谨慎使用 e.stopPropagation()。

$('div.topIconNew').click(function(e){
    $(this).siblings('div.topTip').show();
    $(this).siblings('div.topDrop').slideDown(240); 

    $(document).one('click', function() {
        $('div.topTip, div.topDrop').hide();
    });

    e.stopPropagation();        

    ...
});