Блог

Я использую 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();
    });
});
  

Я бы попробовал:

 $(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") amp;amp; !$(e.target).closest(".active").length) {
        $('.active').hide().removeClass('active');
    }
});
  

Демонстрация: http://jsfiddle.net/karim79/8bUgc /