VPF::При клике на ссылку ничего не происходит

gurgon

Дата 23.6.2013, 17:57 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 23.6.2013

Репутация: нет
Всего: нет

У меня на сайте есть блок 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();
                };

            })

Arantir

Дата 23.6.2013, 19:46 (ссылка)

(нет голосов)

Загрузка ...

Рыбак без удочки

Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 14
Всего: 55

Цитата(gurgon @ 23.6.2013, 16:57

)

Я не знаю js

Стоит заметить, что jQuery с Javascript не тождественны. jQuery - набор скриптов на Javascript. Так что можно знать одно и, собственно, плохо знать другое.
Главное не мешать проблемы одного с проблемами другого. jQuery - готовые скрипты, а JS - сам язык.

В общем-то да, проблема в том, что Вы поставили return false на tooltip.

Цитата(gurgon @ 23.6.2013, 16:57

)

но предполагаю, что при клике на tootlip ничего не должно происходить

Чтобы дочерний элемент не вызывал ивенты своего родителя, используйте:

Код


event.stopPropagation();

event передается первым аргументом в функции, забинденные на ивент.

На вашем примере: http://jsfiddle.net/p6ngZ/9/

Это сообщение отредактировал(а) Arantir - 23.6.2013, 19:48

--------------------

interface Жопа {
// ATTENTION: has to be implemented by every class of the project for proper project work
}

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »