在頁面加載時啓動simplemodal

我正在編寫一個小型網頁，我想在啓動加載頁面時啓動simplemodal。在頁面加載時啓動simplemodal

所以我現在身體這個代碼

<div id='container'> 
    <div id='content'> 
     <div id='basic-modal'> 
      <input type='button' name='basic' value='Open' class='basic'/> 
     </div> 

     <!-- modal content --> 
     <div id="basic-modal-content"> 
      <h3>Random Text in the SompleModal box.</h3> 

     </div> 
    </div> 
</div>

你可以看到按鈕作爲輸入，當我點擊它的盒子poppes起來，有文。

這裏還有basic.js，但我不明白，因爲我幾天前開始學習網頁設計。

basic.js

jQuery(function ($) { 
    // Load dialog on page load 
    //$('#basic-modal-content').modal(); 

    // Load dialog on click 
    $('#basic-modal .basic').click(function (e) { 
     $('#basic-modal-content').modal(); 

     return false; 
    }); 
});

還包括這些文件。

<script type='text/javascript' src='js/jquery.js'></script> 
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>

我讀到它可以使用onLoad或jscript .ready，但我不知道如何。

來源

2011-12-20 Noli

試試這個：

<script> 
function openModal() 
{ 
    $('#basic-modal-content').modal(); 
} 
</script> 

<body onload="openModal();"></body>

來源

2011-12-20 10:32:49

都嘗試，你的工作好！謝謝！ – Noli 2011-12-20 10:42:31

不客氣:) – 2011-12-20 10:44:26

使用$(document).ready()功能：

$(document).ready(function() { 
    // Any thing in here will execute when the DOM has finished loading 
    $('#basic-modal-content').modal(); 
});

jQuery Docs for .ready()

來源

2011-12-20 10:31:09 ManseUK

我編輯我的答案，你是好;） – 2011-12-20 10:33:38

在頁面加載時啓動simplemodal

回答

相關問題