2013-10-04 5 views
1

У меня есть случай, когда при нажатии ссылки я показываю tooptip. Я хочу скрыть подсказку инструмента, когда пользователь нажимает на другое место на экране (даже на какую-то другую ссылку). Ниже приведен код, у меня есть ...захват события щелчка документа с помощью jquery

$('a.tooltip').click(function(event){ 
    $('a.tooltip span').hide(); 
    $(this).children("span").show(); 
}); 

выше функция показывает/скрыть всплывающие подсказки при нажатии на тегах а.

$(document).click(function(event){ 
    if(event.target != 'a.pull-right plus tooltip'){ 
     $('a.tooltip span').hide(); 
    } 
}); 

Поскольку event.target дает мне всю цель HTML, я не могу различать клики. Есть ли способ сделать это?

ответ

2

EDIT: Попробуйте этот способ может быть:

$(document).not('a.tooltip').click(function(event){ 
    $('a.tooltip span').hide(); 
}); 

$('a.tooltip').click(function(event){ 
    event.stopPropagation(); 
    $('a.tooltip span').hide(); 
    $(this).children("span").show(); 
}); 
+0

Вы можете изменить селектор для '«HTML: нет (a.tooltip)» ', так как HTML тег может также иметь разметку, которая влияет на тело , –

+0

@JonKoops Почему нет, обновлено. – Oliboy50

+0

@ Oliboy50 Это предотвращает всплывающую подсказку. Я установил console.log для проверки. Даже нажав на ссылку, функция выполняется. – Hozefa

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