jquery - 为模态对话框提供样式

Question

我用这个dialog box我更愿意用 jsfiddle 问我的问题但我还没有在 jsfiddle 中工作。所以我在这里放了一个 demo .

如果我不在 #dialog block 中使用 visibility:hidden;，当 url 参数不等于 'dialog' 时，#dialog div 显示在页。但只有在 url=dialog
时才必须显示如果我使用 visibility:hidden; #dialog div 中的内容不会显示。

此外，我希望它在页面加载 10 分钟后打开。我将把 setTimeout 放在哪里？

Answer 1

你需要这样的东西:

function showdialog() {
    $( "#dialog" ).dialog({width:500,height:240});
};

$(function() {
    var lockation = document.location.toString();
    if(lockation.indexOf("url=dialog", lockation.length - "url=dialog".length) !== -1)//check if url ends with 'url=dialog'
         setTimeout(showdialog, 1000);//call function with timeout
});

$(function(){...}) - 相当于 jQuery.ready (您正在使用的 body.onload 的 jQuery 替换)

此外，使用 display:none 代替 visibility:hidden;

http://jsfiddle.net/97LXc/5/这个演示(没有 url=dialog)。

http://jsfiddle.net/97LXc/7/ url=对话模仿

UPD好吧，一旦您已经根据 URL 在服务器上填充了 onload="javascript:showdialog()"，就不需要像我那样在客户端上测试 url 了。只是代替 onload 打印

   $(function() {   
         setTimeout(showdialog, 1000);//call function with timeout
    });

在 showDialog 定义之后