Question

我知道这个问题已被多次询问过，但由于我的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>

我知道我在点击链接时使用代码加载模态但我已经尝试了很多东西而没有找到一种方法来成功修改它以加载页面加载。

非常感谢任何帮助！

Answer 1

也许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>（在脚本标记中或从文件加载）

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

Answer 2

$(document).load(function() {

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

});

Answer 3

我会尝试：

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

这基本上意味着一旦文档准备就绪（即加载），打开模态对话框。以前你有代码说，当文档准备就绪时，将处理程序附加到某个元素的click事件（不确定代码中是什么'anchor'），并在该事件处理程序中打开对话框。

在页面加载时显示模态窗口

3 个答案: