Problem mit Pnotify-Tooltip-Position

Question

Genau kopieren des Quellcodes von der Pnotify-Projektseite und in meine Seite einfügen. Alle Verknüpfungen zu jqueryUi und Pnotify und anderen relativen Dateien wurden korrekt erstellt. Aber wenn man über ein Element schwebt, um einen Tooltip anzuzeigen, geht die Tooltip-Box nach oben rechts auf der Seite; sie ist fixiert und kümmert sich nicht um die Cursorposition! Kannst du helfen?

$('span.required').bind({
    mouseenter: function() {
        var ttText = $(this).siblings('.required').html();
        var ttTitle = "es ist erforderlich";
        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

Stacks sind, wie Sie die Positionierung ändern.

• Blättern Sie zu http://pines.sourceforge.net/pnotify/.
• Scrollen Sie nach unten zu "Advanced Demos".
• Untersuchen Sie den Abschnitt "Beispiele für benutzerdefinierte Stacks". Klicken Sie dort auf die Schaltflächen.
• Sehen Sie sich den Quellcode auf der Seite an, um zum Code zu gelangen.

Answer 2

Die Tooltips verwenden keine Stapel wie alle anderen Benachrichtigungen. Stattdessen müssen Sie die Position über CSS einrichten.

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