链接到另一个页面时保留的弹出通知答案

【问题标题】：Popup notification that stays when linking to another page链接到另一个页面时保留的弹出通知
【发布时间】：2012-11-27 05:38:55
【问题描述】：

是否有可能有一个弹出通知（不需要点击确定/取消，只是出现在浏览器顶部的一个栏，类似于：http://needim.github.com/noty/）停留 html页面之间链接时的浏览器？我尝试将提到的 JQuery 弹出窗口添加到指向另一个页面的链接，但显然，当我单击该链接时，通知在它完全显示之前就消失了。

例如：

<!--page1.html-->

<script type="text/javascript">
function generate(type) {
  var n = noty({
    text: type,
    type: type,
    dismissQueue: false,
    layout: 'topCenter',
    theme: 'defaultTheme'
  });
}

$(document).ready(function() {

$('#link').click(function() {
    generate('Your language choice was set');       
} );

</script>


<a href="page2.html" id="link">link to another page</a>

单击该链接应该会导致该通知栏在浏览器顶部弹出，但由于它链接到 page2.html，因此在该栏加载之前它会消失，因为 page2.html 已加载。

【问题讨论】：

您必须为该功能使用单独的浏览器窗口。
作为用户，这对我来说真的很烦人。您可以尝试构建一个具有透明背景的绝对定位 div 和用于显示 URL 的绝对定位 iframe 的页面。
@slashingweapon - 同意。我也打算写一个建议 iframe 的答案，但意识到这也只会带来用户体验问题和潜在的头痛......

标签： jquery notifications popup

【解决方案1】：

您可以在用户单击页面上的链接时使用 javascript 和 ajax 请求更改页面内容，而不是使用静态链接页面。

一般来说，导航到新页面会破坏前一页面的 DOM 内容（例如那个弹出窗口）。我想从技术上讲，您可以将该信息存储在一个 cookie 中，该 cookie 会尝试根据先前的状态在每个页面上重新创建弹出窗口，但这似乎比 ajax 选项复杂得多。

【讨论】：