打开显示模型在页面加载不起作用

我正在jquery模式，它很容易打开href点击并显示弹出窗口。
我HTML页面是打开显示模型在页面加载不起作用

<!DOCTYPE html> 

    <head> 
     <meta charset="utf-8" /> 
     <title>Reveal Demo</title> 

     <link rel="stylesheet" href="reveal.css"> 

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

     <style type="text/css"> 
      body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; } 
      .big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; } 
     </style> 
      <script type="text/javascript"> 

       $(document).ready(function() { 
        $('a[data-reveal-id]').live('click',function(e) { 
         e.preventDefault(); 
         var modalLocation = $(this).attr('data-reveal-id'); 
         $('#'+modalLocation).reveal($(this).data()); 
       }); 
      }); 
     </script> 

    </head> 
    <body> 

     <a href="#" data-reveal-id="myModal"> 
      Fade and Pop 
     </a>  

     <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> 

    </body> 
</html>

我输出是

enter image description here

正如你看到这个弹出窗口被打开上点击 “变脸和POP” 链接。

但我想在页面加载时打开此弹出窗口。我非常努力，但我没有得到结果。我去哪里错了。

来源

2013-03-28 Aniket

你调用a单击事件显示，并称其为document.ready里面应该工作..

尝试在的document.ready功能

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

来源

2013-03-28 06:40:27 bipen

我试过这个，但它不工作。你有没有经历过同样的问题？ – Aniket 2013-03-28 06:49:44

不，但这应该工作...你有任何错误？检查你的控制台 – bipen 2013-03-28 06:51:41

感谢朋友它的工作.. – Aniket 2013-03-28 07:06:45

你需要什么，以确保点击两件事的链接弹出窗口应该会发生，并在页面加载。所以你可以做的只是添加.click()在结束如下，看看这是否适合你。

$(document).ready(function() { 
    $('a[data-reveal-id]').live('click',function(e) { 
     e.preventDefault(); 
     var modalLocation = $(this).attr('data-reveal-id'); 
     $('#'+modalLocation).reveal($(this).data()); 
    }).click(); 
});//-^^^^^^^----------------add this

来源

2013-03-28 06:52:56 Jai

上述代码的作品，但你需要改变.live与.on和删除。从最后点击（）（用于最新版本的jquery） – Bogdan 2014-06-29 15:08:15

打开显示模型在页面加载不起作用

回答

相关问题