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/。
向下滚动到“高级演示”。
检查“自定义堆栈的示例”位。点击那里的按钮。
在页面上查看源代码以获取代码。

Answer 2

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

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

Pnotify工具提示位置有问题

2 个答案: