С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
 Аватар для EveKS
601 / 485 / 185
Регистрация: 19.04.2016
Сообщений: 1,885

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

28.04.2017, 07:01. Показов 917. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
HTML5
1
2
3
4
<div id="panel">
    <div id="panel-content" class="info-map-panel info-map-panel-visible">
    </div>
</div>
Есть блок, который при определенном событии загружает в себя Partial View.
В этом частичном представлении есть:
HTML5
1
2
3
    <div class="exit-panel" id="btn-exit-panel">
        <span class="glyphicon glyphicon-remove"></span>
    </div>
Но при нажатии по этой "кнопке", не чего не происходит...
JavaScript
1
2
3
4
    $("#btn-exit-panel").on('click', function () {
        alert("test");
        $('#panel-content').toggleClass("info-map-panel-visible");
    });
Даже alert("test"); не срабатывает, т.к. не обрабатывается само событие нажатия.
Что не так?
Само событие обвернуто в:
JavaScript
1
$(function () {})
Добавлено через 11 минут
Пока писал, понял что проблема в
Цитата Сообщение от EveKS Посмотреть сообщение
Само событие обвернуто в:
JavaScript
1
$(function () {})
Код исправил, подставив его после того как сервер ответит мне на запрос:
/* Это временное событие xD */
JavaScript
1
2
3
4
5
6
7
8
9
        $.get(url, { 'hello': "hello world " + i },
            function (data) {
            $('#panel-content').html(data);
 
            $("#btn-exit-panel").on('click', function () {
                alert("test");
                $('#panel-content').toggleClass("info-map-panel-visible");
            });
        });
Но как можно было это сделать по иному? Точнее чтобы событие начало работать после загрузки этого частичного представления?
У той же google map есть подобное:
JavaScript
1
google.maps.event.addListener(infowindow, 'domready', function () {

Не по теме:


Но думаю что в ближайшее время я и сам найду ответ, но всё же хочется его увидеть здесь.

0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
28.04.2017, 07:01
Ответы с готовыми решениями:

Как обработать событие click и событие нажития стрелки?
Допустим есть кнопка влево-вправо для горизонтального листания товаров. Как нужно кроссбраузерно обрабатывать одновременно событие click...

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

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

1
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
28.04.2017, 09:04
читай про делегирование http://jquery.page2page.ru/index.php5/On
JavaScript
1
2
3
4
$('#panel-content').on('click', '#btn-exit-panel', function(){
    alert("test");
    $('#panel-content').toggleClass("info-map-panel-visible");
});
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
28.04.2017, 09:04
Помогаю со студенческими работами здесь

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru