在頁面加載時顯示模式窗口

我知道這個問題已經被問了很多次，但我似乎無法得到這個工作，因爲我幾乎爲空的JS知識。在頁面加載時顯示模式窗口

我正在使用Zebra Dialog jquery插件來創建一個模式窗口，我想打開時，頁面加載。

Zebra Dialog網站上的所有示例僅解釋如何在單擊鏈接時加載模態，但我似乎無法使其在頁面加載時加載。

我用下面的代碼現在：

<script type="text/javascript"> 
    $(document).load(function() { 

    // show a dialog box when clicking on a link 
    $(anchor).bind('click', function(e) { 
     e.preventDefault(); 
     $.Zebra_Dialog('The link was clicked!'); 
    }); 

}); 

</script>

我知道，我使用的代碼加載一個鏈接，當點擊的模式，但我已經嘗試了很多東西，並沒有找到一種方法成功修改它以加載頁面加載。

任何幫助將不勝感激！

來源

2012-12-21 RafaelM

也許jQuery不包括在內？你需要jQuery的，在你的<head>那麼插件JS/CSS：

<script type="text/javascript" src="path/to/jquery.js"></script> 
<script type="text/javascript" src="path/to/zebra_dialog.js"></script> 
<link rel="stylesheet" href="path/to/zebra_dialog.css" type="text/css">

，然後在<body>的加載代碼（script標籤或從文件加載）

$(document).ready(function() { 
    $.Zebra_Dialog('Page loaded!'); 
});

來源

2012-12-21 22:24:46 Owlvark

是的，我也嘗試過，但由於某種原因它不能工作。看到所有人都認爲這讓我覺得可能有一些額外的代碼需要使用？ – RafaelM

我更新了包含文件的幫助。 – Owlvark

對不起，剛纔意識到還有一些JS會干擾斑馬對話框。你的例子工作 – RafaelM

$(document).load(function() { 

    $.Zebra_Dialog('The link was clicked!'); 

});

來源

2012-12-21 22:23:36 eleven11

是的，這是我的其中一件事，它不會工作。因爲某些原因。 – RafaelM

我會嘗試：

$(document).ready(function() { 
    $.Zebra_Dialog('Page loaded!'); 
});

這基本上意味着一旦文檔準備就緒（即加載），打開您的模態對話框。以前你有代碼說，當文檔準備就緒時，把一個處理程序附加到某個元素的click事件中（不知道你的代碼中有什麼「錨點」），並且在那個事件處理程序中打開對話框。

來源

2012-12-21 22:27:29 MadSkunk

是的，我也嘗試過，但由於某種原因，它不會工作。看到所有人都認爲這讓我覺得可能有一些額外的代碼需要使用？ – RafaelM

對不起，剛纔意識到還有一些JS會干擾斑馬對話框。感謝您的好解釋！ – RafaelM

在頁面加載時顯示模式窗口

回答

相關問題