Pnotify工具提示位置有问题

Question

准确地复制Pnotify项目页面的源代码，并放入我的页面。所有指向jqueryUi和Pnotiy以及其他相关文件的链接都正确无误。但是当鼠标悬停在用于显示工具提示的元素上时，toltip框会转到页面的右上角；它是固定的，与光标位置无关！你能帮上忙吗？

$('span.required').bind({
    mouseenter: function() {
        var ttText = $(this).siblings('.required').html();
        var ttTitle = "it's required";
        tooltip = $.pnotify({
            pnotify_title: ttTitle,
            pnotify_text: ttText,
            pnotify_hide: false,
            pnotify_closer: false,
            pnotify_history: false,
            pnotify_animate_speed: 100,
            pnotify_opacity: .9,
            pnotify_notice_icon: "ui-icon ui-icon-comment",
            pnotify_stack: false,
            pnotify_after_init: function(pnotify){
                pnotify.mouseout(function(){
                    pnotify.pnotify_remove();
                });
            },
            pnotify_before_open: function(pnotify){
                pnotify.pnotify({
                    pnotify_before_open: null
                });
                return false;
            }
        });
        tooltip.pnotify_display();
    },
    mouseleave: function() {
        tooltip.pnotify_remove();
    }
});

Answer 1

堆栈是您更改位置的方式。

从http://pines.sourceforge.net/pnotify/.

• Scroll浏览到“
• "Examples of custom stacks”bit。单击那里的按钮。
• 查看页面上的源代码以转到代码。

Answer 2

工具提示不像所有其他通知那样使用堆栈。相反，您需要通过CSS设置位置。

tooltip.get().css({
  'top': event.clientY + 12,
  'left': event.clientX + 12
});