隐藏模式窗口的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

回答

相关问题