javascript - 阻止冒泡为什么点击后，会出现然后再消失

问题描述

问 题

$('.citeT').click(function(e){

    e.preventDefault();
    $(this).parent().siblings('ul.select_demo').slideToggle('fast');
});
$(document).click(function(e){
    console.log(e.target);
    $('.select_demo').slideUp('fast');
});

为什么citeT点击一下会出现然后消失？我已经阻止冒泡了啊

解决方案

你用错了，应该是下面这样的

        $('.citeT').click(function(e){
            e.stopPropagation(); // 阻止事件冒泡
            // e.preventDefault();  这个是阻止默认事件
            $(this).parent().siblings('ul.select_demo').slideToggle('fast');
        });

        $(document).click(function(){
            $('.select_demo').slideUp('fast');
        });

这篇关于javascript - 阻止冒泡为什么点击后，会出现然后再消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！