jquery:Flash消息

Question

使用jQuery,如何以简单的方式在页面顶部显示flash消息？有没有内置的东西,或插件,或者它是否足够容易自己做？

我的意思是,在成功的ajax帖子之后,我想以一种非突兀的方式说"嘿,它变得很好".

Answer 1

我也使用过Notify Bar这样做......真的很简单.

Answer 2

如果你正在寻找快速实现的东西,我会查看可用的jQuery growl样式插件 :)

这.ajaxSuccess()将是运行代码或错误的好地方.ajaxError(),这些是可用的全局ajax事件处理程序,例如:

$(document).ajaxSuccess(function() {
  //fire success message using the plugin of choice, for example using gritter:
  $.gritter.add({ 
    title: 'Save Complete!',
    text: 'Your request completed successfully.'
  });
});

Answer 3

没有插件需要尝试以下方法.它看起来很像stackoverflow上的那个.您可以将html传递给您想要查看的功能

    showFlash: function (message) {
    jQuery('body').prepend('<div id="flash" style="display:none"></div>');
    jQuery('#flash').html(message);
    jQuery('#flash').toggleClass('cssClassHere');
    jQuery('#flash').slideDown('slow');
    jQuery('#flash').click(function () { $('#flash').toggle('highlight') });
},