jQuery: başka bir yerde ayrı elemanın tıklama elemanı Hide

Question

Olası Çoğalt:
How to detect a click outside an element?

Ben kullanıcı dışında herhangi bir yerde tıklarsa bir 'div' gizler Bunu başarmak için çalışıyorum eleman üzerinde. Kullanıcının bir düğmeyi tıklatması durumunda aşağıdaki kodu kullanıyorum. Düğmenin tıklatılmasını istiyorum, eğer 'Ayrıntılar' öğesi görünürse, ekranın diğer bölümlerine tepki verir. Bir öğe odağı kaybetmeden olduğunda

$('.nav-toggle').click(function(){ 
     //get collapse content selector 
     var collapse_content_selector = $(this).attr('href'); 

     //make the collapse content to be shown or hide 
     var toggle_switch = $(this); 
     $(collapse_content_selector).toggle(function(){ 
      if($(this).css('display')=='none'){ 
          //change the button label to be 'Show' 
      toggle_switch.html('Show Details'); 
      }else{ 
          //change the button label to be 'Hide' 
      toggle_switch.html('Hide Details'); 
      } 
     }); 
    }); 

Answer 1

Sen event delegation kavramına çare olabilir.

$(function() { 
    $(document).on('click', function(e) { 
     if (e.target.id === 'div1') { 
      alert('Div Clicked !!'); 
     } else { 
      $('#div1').hide(); 
     } 

    }) 
});​ 

Kontrol FIDDLE

Sana .. Bu temel fikir, diğer kısmı ile entegre ederek ne demek istediğini anlamadı ..

Answer 2

Sen (

bulanıklık olay ateştir kullanıcı tıklama diğer elemana bir div gizlemek için jQuery .blur() işlevini kullanın (link, boutton gibi whathever ..) olabilir kullanıcı DOM ağacındaki başka bir öğe)

Ben senin geçiş ile bağlantıyı anlamıyorum seçin. Eğer toggle dümeniniz DIV'yi yönetiyorsa, toggle fonksiyonunun içinde gizleme()/show() 'ı divun üzerine yerleştirdiğinizde, aynı zamanda butonun metnini güncellemeniz gerekir.