2012-07-11 18 views
8

Bir sitede Zurb Foundation kullanıyorum ve Reveal JS Plugin ile çalışan bir modal penceresi almaya çalışıyordum. Gördüğünüz gibi, reveal()'a ilettiğiniz parametrelere dismissModalClass seçeneğini ekleyebiliyorsunuz.Zurb Foundation kullanarak "unreveal" modal

Modal pencereyi Reveal ile el ile kapatmanın bir yolu var mı? Farklı özel etkinliklere yakın bir yöntem ekleyebilmek istiyorum. onlar bağlamak gibi

Sadece eklentinin kaynak kodu inceledik bu

$('.close-reveal-modal','#myModal').click() 

UPDATE

gibi bir şey yaparak bir başka olay dinamik tıklama tetikleyebilecek

cevap

22

, görünüşe reveal:close adı verilen modal öğeye olay. Yani bu

$('.otherClose').click(function(){ 
    $('#myModal').trigger('reveal:close') 
})​ 

Here is a fiddle

+0

Teşekkürler. Daha zarif bir çözüm olmasını umuyordum, ama eğer Reveal eklentisi yerleşik değilse, yerleşik değil. Cevabı takdir ediyorum! – Andrew

+0

Cevabı daha zarif bir çözümle güncelledim sanırım :) –

+0

Bu mükemmel. Yapabilirsem cevabını iki katına alırdım! – Andrew

0

Onların jQuery eklentisi jquery.foundation.reveal.js

$('#mymModal').reveal({ 
     dismissmodalclass: 'close-reveal-modal' //class name of button to close open dialog 
     } 
    }); 
10

Ayrıca aşağıdaki kullanabilirsiniz varmış gibi bir şey yapabilirsiniz:

$('#myModal').foundation('reveal', 'close'); 
+0

Bu, Temel 4'te değil, 3'te geçerlidir. – spsaucier

İlgili konular