隱藏模式窗口的JavaScript

因此，爲了顯示這個模式，我有以下代碼：隱藏模式窗口的JavaScript

<button type="button" onclick="openModal(); return false;">A button</button>

和這個JavaScript是：

<script type='text/javascript'> 
function openModal(a) 
    { 
     $.modal({ 
      content: 'Some content here', 
      title: 'a title', 
      maxWidth: 500, 

     }); 
     win.closeModal(); 
    } 

</script>

我需要將這個隱藏功能。任何人都可以給我一些關於如何執行hideModal（）函數的建議，當我點擊屏幕上的任何位置時它將隱藏模態？

來源

2013-01-24 Ares Draguna

你使用jQuery嗎？ –

不，它只是javascript –

'$ .modal（）'是什麼？ –

這是愚蠢的......

我解決了這個問題，顯示沒有在CSS ...事實證明，我沒有加厚它槽...我添加了顯示無和一個JS事件觸發點擊CSS除了模式之外，頁面中的任何其他位置。

非常感謝您爲所有的輸入傢伙！真的很感激它！

來源

2014-10-30 16:17:37

隨着模態在瀏覽器窗口中打開，使用瀏覽器的控制檯來嘗試

var modal; 
    function btnsModal() { 
     var btns = { 
      'Close': function (win) { 
       modal.closeModal() 
      } 
     } 
     return btns; 
    } 

    function openModal(oLink, content) { 
     var btn = btnsModal(); 
     modal = $.modal({ 
      buttons: btn 
     }); 
    }

來源

2013-01-24 09:54:13 NewStack

嘗試過，沒有任何東西......你能給我是js函數的一個例子，它會隱藏彈出模式的呼叫？ –

當我調用函數來顯示它的工作模式。我可以添加一個按鈕來關閉它，這並不困難......難的部分是創建一個函數，在調用時會隱藏該模式。 –

ReferenceError：win is not defined [Break On This Error] \t win.closeModal（）;這是來自控制檯的錯誤信息但在功能中定義了win.closeModal（），所以它不會隱藏窗口 –

您可以添加「打開」事件對話框，然後綁定上點擊收聽到它，這將關閉對話框，如果您單擊任意位置---

open: function(){ 
     jQuery('.ui-widget-overlay').bind('click',function(){ 
      jQuery('#ID_of_ur_dialog').dialog('close'); 
     }) 
    }

隱藏您可以使用「隱藏」選項的效果---

hide: "highlight"

來源

2013-01-26 15:08:21 user1725127

隱藏模式窗口的JavaScript

回答

相關問題