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

Question

在_ _ _ _ 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 已经加载。

Answer 1

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

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