Tôi làm cách nào để đóng một hộp phương thức jquery.reveal.js mở?

Question

Tôi đang sử dụng plugin Trình bày jQuery. http://www.zurb.com/playground/reveal-modal-plugin

Tôi cần phải đóng chương trình hộp mô hình khi tôi hoàn thành nó, tuy nhiên tính năng đó không bao gồm trực tiếp với plugin.

Theo Dave trong comments page,

"Mã này là trong đó, chỉ cần móc nó lên được gọi là lập trình."

Answer 1

Bạn có thể thực hiện theo một vài cách.

kích hoạt một cú nhấp chuột qua jquery trên các yếu tố dismissmodalclass (mặc định là 'cận tiết lộ phương thức')

$('.close-reveal-modal').click(); 

HOẶC

Thêm này để reveal.js

$.fn.hideModal = function(options){ 
    var self  = this, 
     modal  = $(self), 
     topMeasure = parseInt(modal.css('top')); 
    $('.reveal-modal-bg').css({'display' : 'none'});  
    modal.css({'visibility' : 'hidden', 'top' : topMeasure}); 
} 

và sử dụng

$('#your_modal_box').hideModal() 

Answer 2

Nếu id của phương thức của bạn là 'tiết lộ phương thức', sau đó chỉ cần dòng này sẽ làm điều đó:

$('#reveal-modal').trigger('reveal:close'); 

Answer 3

Bạn có thể làm điều đó trong khi đăng ký div của bạn/yếu tố tiết lộ.

giả sử, [tiết lộ-div] bạn đang đăng ký tiết lộ. Và giả sử bạn có một nút/div [đóng-tiết lộ] onclick mà bạn muốn đóng tiết lộ của bạn. Sau đó, vượt qua [tiết lộ chi tiết] dưới dạng [dismissModalClass] như được hiển thị bên dưới.

$('.reveal-div').reveal({   
     dismissModalClass : "close-reveal" 
    }); 

Answer 4

Lớp modals thường 'tiết lộ phương thức'. nên thay đổi tra cứu được lớp dựa chứ không phải là id dựa, làm cho công việc này đối với trường hợp hơn:

$('.reveal-modal').trigger('reveal:close'); 

Answer 5

Mã này làm việc cho tôi: $('#reveal-modal').trigger('reveal:close');

Tôi đã có một trường văn bản zip và một buttom được mở một cửa sổ bật lên khác

Answer 6

$ ('# your_modal_box'). foundation ('reveal', 'close');

công trình cho nền tảng zurb

Answer 7

tôi phát hiện ra một lỗi trong nền tảng cũ/tiết lộ thư viện khi gọi 'tiết lộ: gần' sự kiện lần thứ hai sau khi hộp thoại được ẩn và hiển thị một lần nữa - không hoạt động. Sau nhiều giờ gỡ lỗi, tôi đã tìm thấy bản hack CSS sau đây, buộc phải ẩn phương thức: $ ("# reveal-modal") [0] .style.cssText = "visibility: hidden;"