1

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

我知道我在单击链接时使用代码来加载模式，但是我尝试了很多东西，但没有找到成功修改它以在页面加载时加载的方法。

任何帮助将不胜感激！

4

3 回答 3

1

也许不包括 jQuery？你需要 jQuery，然后是你的插件 js/css <head>：

<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!');
});
于 2012-12-21T22:24:46.457 回答
0

我会尝试：

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

这基本上意味着一旦文档准备好（即加载），打开您的模式对话框。以前您的代码说，当文档准备好时，将处理程序附加到某个元素的单击事件（不确定代码中的“锚”是什么），然后在该事件处理程序中打开对话框。

于 2012-12-21T22:27:29.910 回答
0 
$(document).load(function() {

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

});
于 2012-12-21T22:23:36.700 回答