2011-11-16 10 views
10

, ben nasıl KAPAT butonuna olmadığını tıklayarak (modal pencerelerdeki olan) VEYA dışında herhangi bir yere tıklayarak modal kapatabilirModal pencerenin dışına tıklayarak bir model nasıl kapatılır? Çok basit bir jQuery modal olarak

$('#close').click(function(e) { 
    e.preventDefault(); 
    $('#overlay, #alertModalOuter').fadeOut(400, function() { 
    $(this).remove(); 
    }); 
}); 

olarak KAPAT tıklayarak modal kapatın modal penceresi.

+2

bağlama '# overlay' elemanı aynı. –

cevap

9

çalışması gerekir böylece gibi işlev değiştirilmesi:

$('#close, #overlay').click(function(e) { 
     e.preventDefault(); 
     $('#overlay, #alertModalOuter').fadeOut(400, function() { 
     $('#close').remove(); 
    }); 
}); 
+0

Teşekkürler, mükemmel çalışır; bir virgül olsa da :) – Googlebot

+1

Bir hata yaptınız "#close #overlay", #close kimliğiyle #close öğesini ve #overflow ile öğeyi, "#close, #overlay" demek istediniz. –

+0

Her ikinize de teşekkürler. Şimdi güncellendi! –

3

Aynı tıklama dinleyicisini bindirmeye ekleyin.

5

bunu yararlı içerecek şekilde bulundu:

$('.item-modal').click(function(e) { 
    e.stopPropagation(); 
}); 
İlgili konular