2014-09-20 2 views
2

Я использую всплывающую подсказку jQuery. Всплывающая подсказка отображается в нужном месте; Он появляется и исчезает в нужный момент. Кажется, что все работает правильно. BUT Когда появляется сообщение toltip, содержимое появляется ТАКЖЕ в нижней части страницы, и оно больше не исчезает. Вот мой код:jQuery tooltip добавить содержимое в нижней части страницы

$(document).ready(function() { 
    $(document).tooltip({ 
     items: "#img_help_easypay", 
     show: { 
      effect: "slideDown", 
      delay: 250 
     }, 
     content: function() { 
      return "<span>Title</span><br />" + 
        "<p>" + 
        " <span>bla bla bla</span><br />" + 
        " <span>bla bla bla.</span>" + 
        "</p>" 
     } 
    }); 
}); 

Где img_help_easypay является

<img id="img_help_easypay" src="/Styles/img/info.png" alt="aiuto easypay" style="vertical-align:top" /> 

Non ошибка ... расслоение плотной Может кто-нибудь мне помочь? Спасибо ..

EDIT: В нижней части страницы DIV имеет роль = «Журнал»

ответ

2

Согласно этому билету от ошибки платформы JQuery UI, это особенность началась в JQuery UI 1.11.0, чтобы увеличить доступность: http://bugs.jqueryui.com/ticket/10689

Если вы хотите, чтобы полностью удалить прилагаемую <div> из вашего кода, вы должны уничтожить всплывающую подсказку:

$(document).tooltip("destroy"); 
+0

$ (document) .tooltip ("destroy"); отлично работал для меня. Мой сценарий состоял в том, что у меня был специальный метод подсказки инструмента, примененный к полям поиска критериев ввода, однако после нажатия кнопки «ОК»/«Отправить» пользовательский формат подсказки сохранялся на новой странице html ~, и я не мог получить подсказка на этой новой странице, чтобы «исчезнуть», если я не обновил полную страницу. Я добавил $ (document) .tooltip ("destroy"); в конце моей логики «ОК»/«Отправить». –

0

Это доступность «особенность». Я просто скрываю созданные divs:

.ui-helper-hidden-accessible { 
    display:none; 
} 

 Смежные вопросы

  • Нет связанных вопросов^_^