Jquery 的好通知插件吗? [关闭]

2023-12-30

我正在看 pine 通知(http://pines.sourceforge.net/pnotify/ http://pines.sourceforge.net/pnotify/),它看起来不错,但似乎没有什么实际文档,所以我想知道是否还有其他更成熟和有效的东西?

就像我不想花时间尝试弄清楚如何使用 pine,然后发现它缺少一些我需要的功能,几个月后我需要更改为不同的插件。

这发生在我的 tablesorter 2.0 上,我正在使用它,然后我需要过滤,但他们的有点糟糕,所以我找到了具有更大 api 的数据表并开发了更多。

所以我想知道是否有类似数据表(在开发和功能方面)之类的东西只是用于通知。

Edit

所以我正在看 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 添加我的 2 美分。

http://codeseven.github.com/toastr/ http://codeseven.github.com/toastr/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Jquery 的好通知插件吗? [关闭] 的相关文章

随机推荐