Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 14.09.2009
Сообщений: 44

Не срабатывает click

08.06.2015, 00:05. Показов 903. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет всем, появилась такая проблема: по клику на элементе появляется блок с подсказкой, блок с подсказкой находится в этом же элементе, по которому кликали, в блоке с подсказкой есть кнопка "закрыть", вот она и не работает, т.к. срабатывает событие элемента, в котором находится подсказка.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 <div class="add-zametka-icon">
                                            <div class="toolltip">
                                                <div class="toolltip-body">
                                                    <span>Lorem ipsum dolor sit ame.</span>
                                                    <p>Lorem ipsum dolor sit ame</p>
                                                    <div class="info">
                                                        Lorem ipsum dolor sit ame 
                                                    </div>
                                                    <div class="settings-link">
                                                        Lorem ipsum dolor sit ame - <a href="#">Настройки</a>
                                                    </div>
                                                    <div class="close"></div>
                                                </div>
                                            </div>
                                        </div>


JavaScript
1
2
3
4
5
6
7
$('.add-zametka-icon').click(function() {
        $('.add-zametka-icon .toolltip').show();
    });
    
    $('.add-zametka-icon .toolltip .close').click(function() {
        $('.add-zametka-icon .toolltip').preventDefault().hide();
    });

Как это исправить? Спасибо.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
08.06.2015, 00:05
Ответы с готовыми решениями:

Не срабатывает .click()
Не срабатывает код, помогите-спасите &lt;input type=&quot;button&quot; id=&quot;my_button&quot; value=&quot;Кнопка&quot;&gt; $(&quot;#my_button&quot;).click(function() {...

Click не срабатывает
Вод сам код. Почему он не срабатывает и как это можно поправить? $('.bb_widget_basket').click(function(){ for (var i in...

Click по элементу не срабатывает
Скинул на фидле примерчик, почему-то не могу отловить клик по .expand классу, если добавляю ещё индефикатор таблицы перед то работает но в...

4
Эксперт PHP
 Аватар для Fedor Vlasenko
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
08.06.2015, 00:10
JavaScript
1
2
3
4
$('.add-zametka-icon .toolltip .close').click(function(e) {
     e.preventDefault();
     $('.add-zametka-icon .toolltip').hide();
    });
0
0 / 0 / 0
Регистрация: 14.09.2009
Сообщений: 44
08.06.2015, 00:12  [ТС]
Не срабатывает
0
Эксперт PHP
 Аватар для Fedor Vlasenko
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
08.06.2015, 00:40
вместо
e.preventDefault();
e.stopPropagation();
0
0 / 0 / 0
Регистрация: 14.09.2009
Сообщений: 44
08.06.2015, 05:54  [ТС]
СПС, работает
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
08.06.2015, 05:54
Помогаю со студенческими работами здесь

trigger() не срабатывает до click()
Есть подобие табов: &lt;ul id=&quot;tabs-menu&quot;&gt; &lt;li&gt; &lt;a class=&quot;tabs active&quot;&gt;Ccылка&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a...

Не срабатывает событие click
&lt;div id=&quot;panel&quot;&gt; &lt;div id=&quot;panel-content&quot; class=&quot;info-map-panel info-map-panel-visible&quot;&gt; &lt;/div&gt; &lt;/div&gt; Есть блок, который...

.hover срабатывает а .click нет
не знаю в чем именно проблема. ну нужно именно .click но функция не срабатывает а .hover работает нормально в чем проблема ...

click не срабатывает на ajax данные
есть div&lt;div id=&quot;wrapper&quot;&gt;&lt;/div&gt; делаю ajax запрос$(document).ready(function(){ $('#wrapper').load('load.php'); ...

Click не срабатывает, если добавить стили
Есть вот такой скрипт. В $(&quot;.edit&quot;) возвращается два элемента, на оба вешается click. Все работает как планировалось. &lt;script...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru