自动打开reaveal模式

我想开显示模式弹出时，页面加载，无需任何点击自动打开reaveal模式

这里是有：

<!DOCTYPE html> 
<head> 
    <title>Modal PopUp</title> 
    <link type="text/css" rel="stylesheet" href="css/style.css"> 
    <link type="text/css" rel="stylesheet" href="css/reveal.css"> 

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
    <script type="text/javascript" src="js/jquery.reveal.js"></script> 

<script language="JavaScript"> 
$(function() { 
    $("#myModal").dialog(); 
}); 
</script> 

</head> 
<body> 

    <!-- #reveal modal popup --> 

     <div id="myModal" class="reveal-modal"> 
      <h1>Reveal Modal Goodness</h1> 
      <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p> 
      <a class="close-reveal-modal">&#215;</a> 
     </div> 

    <!-- #reveal modal popup -->   
</body> 
</html>

我不想使用此触发器：

<a href="#" data-reveal-id="myModal">Click Me For A Modal</a>

它应该会自动打开。

来源

2014-04-04 Valeri Crudu

$（ '＃myModal'）显示（）;应该告诉你模态 – DoXicK

可以隐藏锚标记，点击它编程：

<a href="#" id="clickMe" data-reveal-id="myModal" style="display:none;">Click Me For A Modal</a> 



$('#clickMe').click();

将不点击页面上的任何链接或按钮打开，但我们编程单击它背后。。

你也可以这样做：

$("#myModal").reveal();

来源

2014-04-04 10:40:49

这是一个天才的想法！谢谢！ –

欢迎您... :) –

试试这个

$(document).ready(function() { //or $(window).load(function(){ 
    $('#myModal').reveal($(this).data()); 
});

来源

2014-04-04 10:45:53

自动打开reaveal模式

回答

相关问题