打開顯示模型在頁面加載不起作用

我正在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

打開顯示模型在頁面加載不起作用

回答

相關問題