右键单击时自动隐藏div错误

时间:2011-11-01 12:20:13

标签: jquery animation onclick

使用jquery在点击时显示div并在您点击其他任何地方时隐藏它!但问题是,当您右键单击内部div时,脚本也会隐藏div。

这是我的jquery;

$(function() {
    $(".activities a").click(function(e) {
        $('.search').html('<center><img src="loading.gif" style="margin: 20px 0;" /></center>');
        $(".search").toggle().toggleClass("active");
        $('.search').load('someurlhere.php');
        e.stopPropagation();
    });


    $(document).click(function(e) {
        $('.active').hide().removeClass('active');
    });

    $(".search").click(function(e) {
        e.stopPropagation();
    });
});

1 个答案:

答案 0 :(得分:0)

我会尝试:

$(document).click(function(e) {

    // only hide div if something else other than
    // the .active div or one of its children is clicked
    if(!$(e.target).hasClass("active") && !$(e.target).closest(".active").length) {
        $('.active').hide().removeClass('active');
    }
});

演示:http://jsfiddle.net/karim79/8bUgc/