скрывается DIV при щелчке за пределами DIV

Question

Пожалуйста, посмотрите на код здесь: http://jsbin.com/esokic/10/edit#source

Когда я нажимаю на поддержку клиенту DIV показан

То, что я хочу, когда кто-то щелкает из DIV, то сНу должен скрывать, я попробовал несколько вещей, но они, кажется, не работает ..

$(document.body).one("click", function() {$(".cust-support-outer").hide(); 
}); 

также:

$("body").click(function(e){ 
    if(e.target.className !== "csupport-drop") 
    { 
     $(".cust-support-outer").hide(); 
    }  
}); 

бы признателен за любую помощь ...

--Arnab

Answer 1

Арнаб Я сделал это изменение в ваших JS и работал

попробуйте это, используйте этот код js

$(function(){ 
    $(".csupport-drop").click(function(){ 
    $(".csupport-drop").addClass("active-drop-tab"); 
    $(".cust-support-outer").show(); 
     return false 
    }); 

    $(document).bind("click", function(e) { 
    if(!$(e.target).hasClass("get-daily-alerts-outer")){ 
     $(".get-daily-alerts-outer").hide() 
    } 
    }); 

    $(".close").click(function(){$(".get-daily-alerts-outer").hide(); 
    return false 
    }); 
    $(".get-deal-alerts").click(function(){$(".get-daily-alerts-outer").show(); 
    return false 
    }); 
}); 

Я только что изменил, как вы связать «щелчок» событие документа и передать объект события в функцию, так что вы можете проверить через какой элемент событие щелчка был пожар.

Answer 2

Try:

 
var mouse_is_inside = false; 

$(document).ready(function() 
{ 
    $('.cust-support-outer').hover(function(){ 
     mouse_is_inside=true; 
    }, function(){ 
     mouse_is_inside=false; 
    }); 

    $("body").mouseup(function(){ 
     if(! mouse_is_inside) $('.cust-support-outer').hide(); 
    }); 
}); 

Answer 3

Bind этого тела

$("body").click(function() { 
    if ($(this).attr("class") == "cust-support-outer") { 
     // inside 
    } else { 
     // not inside 
    } 
});