Jquery關閉模式問題

Question

好吧，所以我有一個模式的引導，有類的顯示，讓它顯示在頁面加載。因此，它在底部的安德按鈕，但不可能讓它來關閉點擊

所以我現在有腳本，關閉，如果點擊任何地方在包裝盒上，但實際上它僅在按鈕

JS

<script> 
    $('.modal').click(function() { 
    $(this).removeClass('show'); 
    $(this).addClass('hide'); 
    }); 
</script> 

模態對話框類

<div class="modal show"></div> 

按鈕

<button type="button" class="btn btn-primary center-block click" style="font-size: 20px;" onClick='changeClass'">ENTER</button> 

任何幫助將是巨大的！

Answer 1

這不起作用。 您只需要$('.modal .close').modal("hide");

.close是您關閉按鈕的類。

或者您可以添加屬性data-dismiss="modal"關閉按鈕。

編號：http://getbootstrap.com/javascript/#modals-methods

Answer 2

如果您正在使用引導你可以做到這一點，關閉，並顯示一個模式：

$('.modal').modal('toggle');

退房的文檔here。

還要注意的是引導具有開箱即關閉按鈕（你需要你的模式裏面包括）來處理這種行爲：

<button type="button" class="close" data-dismiss="modal">x</button>