javascript - jQuery 通知插件点播功能不起作用

Question

请查看我的 Sample Fiddle ...

出现一个通知栏。当我使用这个插件(here)时，该插件工作得很好。实际上没有关于此的文档，我已经安装并工作了 - 一半。

当通知栏关闭时，有一个箭头应该下拉以通过单击重新启动它。我可以看到箭头处的影子，但它没有下来。

不知道如何让它在作者显示 here时自动下拉

这是用于调用函数的脚本...

       $(document).ready(function () {
            $('.notification.ondemand').notify();
            $('.button').click(function () {
                $('.notification').removeClass('hide').addClass('hide').removeClass('visible');
                $('.notification.' + $(this).attr('id') + '').notify({ type: $(this).attr('id') });

            });

        });

下拉箭头适用于演示，但不适用于我的网站。

可以请你看一下吗？

谢谢

Answer 1

问题是站点演示从哪里获取代码；在站点示例中，有一个带有 .button 类的按钮集，它通过使用被选中按钮的 id 来切换通知行为:

$('.notification.' + $(this).attr('id') + '').notify({ type: $(this).attr('id') });

您没有该按钮，因此您可以直接使用所需的通知类型。

type 选项的可能值为:

• 粘性
• float
• 已修复
• 按需

代码:

$(document).ready(function () {
    $('.notification.ondemand').notify({ type: 'ondemand' });    
});

演示:http://jsfiddle.net/IrvinDominin/qYsfD/