Question

使用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();
    });
});

Answer 1

我会尝试：

$(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/

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

1 个答案: