5
Я хотел бы показать qtip только при наведении указателя мыши на цель (<span class="percent100">
), но я хочу оставаться видимым до тех пор, пока не сдвигу мышь за пределы общего содержащего элемента (<div class="profileArea"
). Вот что я пробовал, но он не работает.Скрыть qTip, когда вне области, содержащей цель
HTML:
//other HTML
//don't hide tooltip if anywhere in this div
<div class="profileArea">
<span class="profileInner">Your Profile: 0
<span class="fullProfileBar">
<span class="completedProfileBar"></span>
</span>
//start showing when hover over this span
<span class="percent100"> 100%</span>
</span>
</div>
//other HTML
Javascript:
$('.percent100').qtip({
id: 'progressBarTooltip',
content: {
text: 'Text Here'
},
position: {
my: 'top right',
at: 'bottom right',
target: $('.percent100')
},
show: {
event: 'mouseover' //shows when hover .percent100
},
hide: {
fixed: true,
//trying to hide when leave
target: $("div[class!='profileArea']")
},
});
Изменение делегата jquery на метод. «Начиная с jQuery 1.7, .delegate() был заменен методом .on()». –