JQuery tooltip создает подсказку для дочерних элементов

Question

У меня есть LI с тегом A в нем.

<li title="LI TEXT" id="test"> 
    ELEMENT WITH HREF <a href="#" title="HREF TEXT">HREF</a> 
</li> 

Я хочу создать подсказку jQuery для подсказки LI и по умолчанию для своих дочерних элементов. Но это делает это как для элементов jquery для LI, так и для его дочерних элементов.

$("#test").tooltip(); 

http://jsfiddle.net/k45emuhg/

Answer 1

Хорошо, что вы описали довольно легко с the items option. Просто включите ограничение выбора для элементов, которые вы хотите показать своими всплывающими подсказками, например. то же самое, что и оригинальный селектор, что вы звоните .tooltip() на:

$("#test").tooltip({items: "#test"}); 

Вопрос не делает это явно, но вы, вероятно, также хотят, чтобы показать только один (а не 2) всплывающие подсказки при наведении курсора над детский элемент. Для этого вы можете отключить и повторно включить подсказку родителя в событиях mouseenter и mouseleave. JQuery обеспечивает хороший ярлык, который с the hover function:

$("#test a").hover(function() { 
    $(this).parent().tooltip("disable"); 
}, function() { 
    $(this).parent().tooltip("enable"); 
}); 

Обратите внимание, что вы можете использовать любой подходящий селектор, не обязательно $(this).parent(), зависит от того, как HTML структурирована

Вот пример скрипки обновления: http://jsfiddle.net/957r8x51/