javascript - 在页面加载时显示模式窗口

标签 javascript jquery modal-dialog

我知道这个问题已经被问过很多次了,但由于我几乎没有 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>

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

任何帮助将不胜感激!

最佳答案

也许 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!');
});

关于javascript - 在页面加载时显示模式窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13997937/

相关文章:

javascript - 如何使 Highcharts 中呈现的标签始终可见并且仍然相对于单击或悬停的点

javascript - 如何将 $.get 的结果传递给另一个函数的返回

javascript - FullCalendar:最初未从函数调用 (AJAX) 呈现的事件

c# - ASP.NET C# 在循环内打开多个模式弹出窗口,一个接一个

javascript - JS Bootstrap 模式的执行顺序

ios - 基于 Storyboard的登录屏幕示例

javascript - DataTables 和 Nette;刷新片段删除数据表元素

javascript - 如何解决 “cannot call method … of undefined” 错误?

jquery - 在 Kendo 分层数据源中搜索

php - 使用 JQuery 从动态按钮获取 ID