jQuery Notification插件按需功能不起作用

时间:2013-09-25 18:56:01

标签: javascript jquery notify

请查看我的 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') });

            });

        });

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

你能看一下吗?

谢谢,

1 个答案:

答案 0 :(得分:1)

问题是网站演示你在哪里获得代码;在站点示例中,有一个类.button的按钮组,它使用cicked按钮的id切换通知行为:

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

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

type选项的可能值为:

  • 粘性
  • 浮动
  • 固定
  • 按需

代码:

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

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