Jquery plugins Pnotify工具提示位置有问题

Jquery plugins Pnotify工具提示位置有问题,jquery-plugins,Jquery Plugins,从Pnotify项目页面准确复制源代码,并放入我的页面。 所有指向jqueryUi和pnoty以及其他相关文件的链接都已完成并正确无误。 但当鼠标悬停在显示工具提示的元素上时,提示框会转到页面的右上角;它是固定的,不关心光标的位置! 你能帮忙吗 $('span.required').bind({ mouseenter: function() { var ttText = $(this).siblings('.required').html(); var t

从Pnotify项目页面准确复制源代码,并放入我的页面。 所有指向jqueryUi和pnoty以及其他相关文件的链接都已完成并正确无误。 但当鼠标悬停在显示工具提示的元素上时,提示框会转到页面的右上角;它是固定的,不关心光标的位置! 你能帮忙吗

$('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();
    }
});

堆栈是更改定位的方式

  • 浏览到
  • 向下滚动至“高级演示”
  • 检查“自定义堆栈示例”位。单击此处的按钮
  • 在页面上查看源代码以获取代码

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

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