Проблема с положением всплывающей подсказки - PullRequest
2 голосов
/ 09 августа 2011

точное копирование исходного кода со страницы проекта Pnotify и вставка на мою страницу.все ссылки на jqueryUi и Pnotiy и другие относительные файлы были сделаны и исправлены.но при наведении указателя мыши на элемент для отображения всплывающей подсказки окно с подсказкой переходит в верхний правый угол страницы, оно исправлено и не заботится о положении курсора!Вы можете помочь?

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

Ответы [ 2 ]

1 голос
/ 28 июня 2014

Во всплывающих подсказках не используются стеки, как во всех других уведомлениях. Вместо этого вам нужно настроить позицию с помощью CSS.

tooltip.get().css({
  'top': event.clientY + 12,
  'left': event.clientX + 12
});
1 голос
/ 16 ноября 2011

Стеки - это то, как вы меняете расположение.

  • Просмотр до http://pines.sourceforge.net/pnotify/.
  • Прокрутите вниз до «Advanced Demos».
  • Изучите бит "Примеры пользовательских стеков". Нажмите на кнопки там.
  • Просмотреть исходный код на странице, чтобы получить код.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...