Phương thức "Unreveal" sử dụng Zurb Foundation

Question

Tôi đang sử dụng Zurb Foundation trên một trang web, và tôi đã cố gắng để có được một cửa sổ phương thức làm việc với Trình bày JS Plugin. Tôi thấy rằng bạn có thể thêm tùy chọn dismissModalClass vào các tham số mà bạn chuyển đến reveal() sẽ đính kèm trình xử lý sự kiện vào nút, v.v. sẽ đóng phương thức khi nhấp.

Có cách nào để đóng thủ công cửa sổ phương thức có Hiển thị không? Tôi muốn có thể đính kèm một phương pháp gần với các sự kiện tùy chỉnh khác nhau.

Answer 1

Bạn chỉ có thể kích hoạt các kích động trong một sự kiện khác bằng cách làm một cái gì đó như thế này

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

CẬP NHẬT

Sau khi xem qua mã nguồn của plugin, có vẻ như họ ràng buộc một sự kiện cho phần tử phương thức có tên là reveal:close. Vì vậy, bạn cũng có thể làm một cái gì đó như thế này

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

Here is a fiddle

Answer 2

Bạn có thể sử dụng jQuery plugin của họ jquery.foundation.reveal.js

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

Answer 3

Bạn cũng có thể sử dụng như sau:

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