Question

是否可以有一个弹出通知（不需要点击确定/取消的通知，只是一个显示在浏览器顶部的栏，类似于：http://needim.github.com/noty/）保持在浏览器中链接html页面时？我已经尝试将提到的JQuery弹出窗口添加到另一个页面的链接，但很明显，在我完全显示之前点击链接的那一刻，通知就会消失。

E.g：

<!--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的加载而消失。 / p>

Answer 1

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

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

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

1 个答案: