类似Stackoverflow的jQuery模态弹出窗口

5

Stackoverflow使用哪个jquery模态框插件(例如在关闭问题时)?有什么建议吗?

2个回答

6

SO并不使用插件,它是专门为SO构建的,他们只需创建一个<div>并将其粘贴到页面中,使用以下样式:

.popup {
  background-color:#fff;
  border:solid 10px #AE0000;
  -webkit-box-shadow:2px 2px 5px #000;
  -moz-box-shadow:2px 2px 5px #000;
  box-shadow:2px 2px 5px #000;
  z-index:1;
  display:none;
  position:absolute;
  padding:15px;
}

他们只需在页面中插入已创建的<div class="popup">,在这种情况下,它被附加到所点击的closed-question-nnnnnn链接的父元素(即.post-menu div)中。
除了内部机制可能会有所不同之外,这就是制作模态框所需要的全部内容。您可以在此处查看快速演示:http://jsfiddle.net/r7V5x/

1

有几个用于jQuery的模态弹出插件。其中一个现在是jQuery UI的一部分,叫做Dialog


问题是SO使用哪个插件...它没有使用任何一个,也不是jQuery UI对话框,后者更加臃肿 :) - Nick Craver
我理解问题,我只是建议一些替代方案,可能对Murali有用。 - Sharique

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接