У меня на сайте есть блок div с display:none, который показывается при клике на другую область, т.е. становится display:block.
Ссылки в этом блоке не работают, в то время как в другом месте работают. Они есть, при наведении на них курсор меняется но при клике ничего не происходит. Как-будто вместо ссылки указано #:
JS-Fiddle (щелкайте на красный квадрат - появится div со ссылкой)
Я думаю дело в скрипте. Я не знаю js, но предполагаю, что при клике на tootlip ничего не должно происходить(поэтому и не работает клик на ссылку), а при клике в другое место tootlip становится display:none
Но не знаю как это исправить
$(document).ready(function(){
$("area").bind('click', function(){
$(document).bind('click', hideTooltip);
var _this = $(this);
$('.image_container .tooltip').hide();
$('#' + _this.data('tooltip')).show().bind('click', function() { return false; });
return false;
});
var hideTooltip = function() {
$('.image_container .tooltip').unbind('click');
$(document).unbind('click', hideTooltip);
$('.image_container .tooltip').hide();
};
})