jQuery的良好通知插件? [英] Good Notification Plugin For Jquery?
问题描述
我正在查看松树notify( http://pines.sourceforge.net/pnotify/ )，看起来不错，但实际文件似乎很少，所以我想知道是否还有更多可以建立并进行的工作?
I am looking at pines notify(http://pines.sourceforge.net/pnotify/) and it looks good but it seems to have little actual documentation so I am wondering is there anything more established and worked on out there?
就像我不想花时间试图弄清楚如何使用松树，然后发现它缺少某些功能，几个月后我需要将其更改为其他插件.
Like I don't want to spend time trying to figure out how to use pines and then find out it is missing some feature that I needed a few months later that I needed to change to a different plugin.
这是我在使用tablesorter 2.0时发生的，当时我需要过滤，但是他们的过滤有点烂，所以我找到了具有更大api并开发了更多api的数据表.
This happened to me with tablesorter 2.0 I was using it then I needed the filtering but theirs kinda sucked so I found datatables what had such a bigger api and developed more.
所以我想知道是否有像数据表这样的东西(就开发和功能而言)仅用于通知.
So I am wondering if there is something like datatables(in terms of development and features) just for notifications instead.
修改
所以我在看jgrowl，有点与如何使用主题滚子混淆了.
So I am looking at jgrowl and kinda confused with how to use the theme roller with it.
因此，我只提取了一个示例文件，并以我认为是垃圾的内容将其剥离了.
So I took once of the example files and stripped it down with everything I thought was junk.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml" debug="true">
<head>
<title>jGrowl meet Twitter</title>
<link rel="stylesheet" href="../jquery.jgrowl.css" type="text/css"/>
<link type="text/css" href="css/le-frog/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />
<script type="text/javascript">
$(function(){
$('.ui-state-default').hover(
function(){$(this).addClass('ui-state-hover');},
function(){$(this).removeClass('ui-state-hover');}
)
.mousedown(function(){$(this).addClass('ui-state-active');})
.mouseup(function(){$(this).removeClass('ui-state-active');})
.mouseout(function(){$(this).removeClass('ui-state-active');});
});
</script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="../jquery-1.3.2.js"></script>
<script type="text/javascript" src="../jquery.jgrowl.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// This value can be true, false or a function to be used as a callback when the closer is clciked
$.jGrowl.defaults.closer = function() {
console.log("Closing everything!", this);
};
$.jGrowl("Sticky notification with a header",
{
header: 'A Header',
sticky: true,
});
});
</script>
</head>
<body>
<div id="trdevtool_contain" class="ui-widget ui-widget-content ui-corner-all">
<div class="ui-widget-header ui-corner-top">
<h1>jQuery UI ThemeRoller <span>Developer Tool</span></h1>
</div>
</div>
</body>
</html>
我不明白这是干什么的
<script type="text/javascript">
$(function(){
$('.ui-state-default').hover(
function(){$(this).addClass('ui-state-hover');},
function(){$(this).removeClass('ui-state-hover');}
)
.mousedown(function(){$(this).addClass('ui-state-active');})
.mouseup(function(){$(this).removeClass('ui-state-active');})
.mouseout(function(){$(this).removeClass('ui-state-active');});
});
</script>
似乎与应用主题无关.我把它拿走了，主题仍然适用.另外，如果你看看我的jgrow
It seems to have nothing to do with applying the themes. I took it away and the theme was still applied. Also if you look at my jgrow
$.jGrowl("Sticky notification with a header",
{
header: 'A Header',
sticky: true,
});
我没有提到主题，但是仍然有一些主题的用法.为什么要采用主题?
I make no mention of theme yet it still some how used the theme. Why is it taking the theme?
推荐答案
其中有 bunches 个，我要检查一下jQuery插件站点，特别是
There are bunches of these out there, I'd checkout the jQuery plugins site, specifically the plugins classified under the notification category :)
这里只是几个:
- noty
- notifyjs
- jGrowl
- toastr
- jBar
这篇关于jQuery的良好通知插件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
