我正在查看 pines notify(http://pines.sourceforge.net/pnotify/),它看起来不错,但似乎没有实际文档,因此我想知道是否有更为成熟且受到关注的替代品?
就像我不想花时间尝试使用 pines,然后发现几个月后需要的某些功能缺失,而需要将其更改为其他插件。
这在 tablesorter 2.0 上发生过,我一开始在使用它,但是后来我需要筛选功能,但他们的实现有点差,所以我找到了 datatables,它具有更大的API并得到更多的开发。
因此,我想知道是否有类似于 datatables(在开发和功能方面)的通知插件可供使用。
编辑
所以我在查看 jgrowl,并且对如何使用主题滚动器感到有些困惑。
因此,我拿了一个示例文件,并删除了所有我认为是垃圾的内容。
<!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
$.jGrowl("Sticky notification with a header",
{
header: 'A Header',
sticky: true,
});
我还没有提到主题,但它仍然使用了主题。为什么会采用这个主题?
toastr
,但还有两个选项需要检查:1. pnotify 2. Bootstrap Alert using NotifyJs。 - Shaiju T