Неработающие событие event

@STBOL · Регистрация: 02.03.2013

Студворк — интернет-сервис помощи студентам

Всем привет!
Возникла проблема с обработкой события, т.е. все вроде бы хорошо, но если объектом на который кликают будет картинка, то обработчик вернет -1 и как с этим бороться ума не приложу.
Еще есть вопрос о том как к переменной p обратится по индексу (p[i]) и изменить его свойство display, ибо p[i].css('display', 'none'); не работает

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
p = $('.popup__overlay')
count = 0;
//alert(p.length + "\n"+ $('.popup__toggle').length)
$('.popup__toggle').click(function(event) {
    alert($('.popup__toggle').index(event.target));
    //alert(count);
    p.css('display', 'block');
})
p.click(function(event) {
    e = event || window.event
    if (e.target == this) {
        $(p).css('display', 'none')
    }
})
$('.popup__close').click(function() {
    p.css('display', 'none')
})

@Lazy_Den · 22.12.2014, 21:40

STBOL, по поводу "картинки" - не понял, а по второму вопросу (индекс) - метод eq() или такой же селектор в виде псевдокласса: $('p:eq(n)') или $('p').eq(n)

@Vladislav WebDev · 22.12.2014, 21:40

Сообщение от STBOL

Еще есть вопрос о том как к переменной p обратится по индексу (p[i])

p.eq(i)

Сообщение от STBOL

Возникла проблема с обработкой события, т.е. все вроде бы хорошо, но если объектом на который кликают будет картинка, то обработчик вернет -1 и как с этим бороться ума не приложу.

разметку покажите, а то не очень понятно что у вас там происходит

@Lazy_Den · 22.12.2014, 21:42

Не обратил сразу внимание, что "p" в вашем случае - это переменная, а не элемент <p>. Поэтому маленькие поправки:

JavaScript
1
2
3
p.eq(n)
// или 
$(p[n])

@STBOL · 22.12.2014, 21:48 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<div class="popup__toggle">
    <img src="http://img.youtube.com/vi/essGgCiYrEw/mqdefault.jpg" width="168px" height="125px" />
</div>
<!--[if lt IE 9]><div class="popup__overlay popup__overlay_ie"></div><![endif]-->
<div class="popup__overlay">
    <div class="popup">
        <a href="#" class="popup__close">X</a>
        <h2>Welcome one!</h2>
        <p>Please enter your login and password to continue</p>
        <div class="popup-form__row">
            <label for="popup-form_login">Login</label>
            <input type="text" id="popup-form_login" value="" />
        </div>
        <div class="popup-form__row">
            <label for="popup-form_password">Password</label>
            <input type="password" id="popup-form_password" value="" />
        </div>
        <input type="button" value="Log in" />
    </div>
    <!--[if lt IE 9]><div class="popup__valignfix"></div><![endif]-->
</div>
<div class="popup__toggle">
    <img src="http://img.youtube.com/vi/essGgCiYrEw/mqdefault.jpg" width="168px" height="125px" />
</div>
<!--[if lt IE 9]><div class="popup__overlay popup__overlay_ie"></div><![endif]-->
<div class="popup__overlay">
    <div class="popup">
        <a href="#" class="popup__close">X</a>
        <h2>Welcome two!</h2>
        <p>Please enter your login and password to continue</p>
        <div class="popup-form__row">
            <label for="popup-form_login">Login</label>
            <input type="text" id="popup-form_login" value="" />
        </div>
        <div class="popup-form__row">
            <label for="popup-form_password">Password</label>
            <input type="password" id="popup-form_password" value="" />
        </div>
        <input type="button" value="Log in" />
    </div>
    <!--[if lt IE 9]><div class="popup__valignfix"></div><![endif]-->
</div>

Lazy_Den, Vladislav WebDev, совсем забыл про метод eq.

@Vladislav WebDev · 22.12.2014, 22:13

STBOL, объясните конкретней, что должно быть то при клике?

@STBOL · 22.12.2014, 22:17 **[ТС]**

Vladislav WebDev, Мне нужно при клике на картинку открыть модальное окно все вроде бы хорошо, но при клике на картинку возвращается -1, а при клике на пустое место блок все проходит нормально.

@Vladislav WebDev · 22.12.2014, 22:28

STBOL, если я правильно вас понял, то

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(function() {
    p = $('.popup__overlay')
    count = 0;
    $('.popup__toggle').click(function(event) {
            alert($('.popup__toggle').index(this));
            p.css('display', 'block');
    })
    p.click(function(event) {
            e = event || window.event
            if (e.target == this) {
                    $(p).css('display', 'none')
            }
    })
    $('.popup__close').click(function() {
            p.css('display', 'none')
    })
})

@STBOL · 22.12.2014, 22:30 **[ТС]**

Vladislav WebDev, Спасибо!!! я что-то похожее уже писал, но у меня не работало. $(this).index();

@Vladislav WebDev · 22.12.2014, 22:31

Всегда пожалуйста

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	22.12.2014, 21:40
	STBOL, по поводу "картинки" - не понял, а по второму вопросу (индекс) - метод eq() или такой же селектор в виде псевдокласса: $('p:eq(n)') или $('p').eq(n) 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	22.12.2014, 22:13
	STBOL, объясните конкретней, что должно быть то при клике? 0

@STBOL 2 / 2 / 0 Регистрация: 02.03.2013 Сообщений: 86
	22.12.2014, 22:17 [ТС]
	Vladislav WebDev, Мне нужно при клике на картинку открыть модальное окно все вроде бы хорошо, но при клике на картинку возвращается -1, а при клике на пустое место блок все проходит нормально. 0

@STBOL 2 / 2 / 0 Регистрация: 02.03.2013 Сообщений: 86
	22.12.2014, 22:30 [ТС]
	Vladislav WebDev, Спасибо!!! я что-то похожее уже писал, но у меня не работало. $(this).index(); 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	22.12.2014, 22:31
	Всегда пожалуйста 0

Неработающие событие event

Решение