【问题标题】:how to refresh page and keep pnotify如何刷新页面并保持pnotify
【发布时间】:2014-07-21 02:20:15
【问题描述】:

我制作了一个 POST 表单并通过 ajax 发送数据,我使用 PNotify 来提醒问题是我如何刷新页面并保留通知框。或者我如何在提交按钮后将用户重定向到另一个页面并通知框保留? 我尝试将location.reload() 放入成功:功能但不起作用...通知未显示。

<script type="text/javascript">
var frm = $('#editticket');
frm.submit(function (ev) {
  $.ajax({
    type: frm.attr('method'),
    url: frm.attr('action'),
    data: frm.serialize(),
    success: function (data) {
      new PNotify({
        text: 'Task edited.',
        type: 'info',
        hide: false
      });
    }
  });  
  ev.preventDefault();
});
</script>                            

【问题讨论】:

    标签: jquery redirect reload pnotify


    【解决方案1】:

    您需要一些代码来在页面加载时创建一个新的 PNotify 实例。简单的方法是使用location.hash 传递参数。 http://jsfiddle.net/SEVUL/7/

    function notify() {
        var hash = window.location.hash;
    
        if(~hash.indexOf('!PNotify')) {
            new PNotify({text: hash.replace('#!PNotify:', '')});
            location.hash = "";
        }
    };
    
    function reload(text) {
        var location = window.location;
    
        location.hash = "!PNotify:" + text;
        location.reload();
    }
    
    $(notify);
    
    $(function() {
        $('#reload').click(function() {
            reload('Some useful info');
        });    
    })
    

    【讨论】:

      猜你喜欢
      • 2013-07-12
      • 2018-07-25
      • 2019-09-19
      • 1970-01-01
      • 1970-01-01
      • 2011-10-22
      • 2019-05-19
      • 1970-01-01
      • 2012-06-21
      相关资源
      最近更新 更多