Question

我想使用Pines Notify jQuery插件在我的网站上显示通知但我不知道如何使用它。有人可以提供一些示例代码吗？

Answer 1

这是我找到的唯一文档链接： http://sourceforge.net/apps/mediawiki/pines/index.php?title=Pines_Notify

Answer 2

这很容易找到。

转到松树通知网站：http://pines.sourceforge.net/pnotify/
点击按钮，直到找到想要自己做的效果。
在Chrome或Firefox w / Firebug中，只需右键单击所需效果的按钮即可。你会看到一个输入标签，你想要onclick =“”里面的代码：


onclick="$.pnotify({
    pnotify_title: 'Regular Notice',
    pnotify_text: 'Check me out! I\'m a notice.'
});"

因此，如果您想在加载jquery之后在html doc的末尾调用它，那么您只需执行以下操作：


// call your jquery and pines notify plugin scripts first

$.pnotify({
   pnotify_title: 'Whatever the Title Is',
   pnotify_text: 'This is the text of the notice!'
});

显然还有更多选项，你可以通过检查演示页面的来源，或者通过查看pines jquery插件并找到他们定义选项的位置来找到它们。

Answer 3

看起来Pines Notify的文档相当缺乏。我的建议是浏览demo website的HTML源代码。所有JavaScript都在该页面上（有大量的内联事件处理程序， yuck ）。

Answer 4

确保在HTML中包含相应的文件。然后，这是一些示例javascript代码。

function gaserror(){
var distance = Number(document.cars.distance.value);
switch( $('#listofcars :selected').text())
{
    case 'Volvo':
        if (distance>500)
            {
            $.pnotify({
                title: 'Error',
                text: 'You have run out of gas!',
                addclass: 'custom',
                type: 'error',
                opacity: 0.8,
                nonblock: true,
                nonblock_opacity: 0.2,
                sticker: false,
                stack: false,
                mouse_reset: false,
                history:false, //prevents the yellow error history tab from appearing after error triggered
                before_open: function(pnotify) {
                        pnotify.css({
                            "top": ($(window).height() / 2) - (pnotify.height() / 2),
                            "left": ($(window).width() / 2) - (pnotify.width() / 2)
                        });
                    }
                });
            }
        break;}}

如何使用Pines Notify jquery插件？

4 个答案: