PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Не срабатывает .click()

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Mvk	Отправлено: 08 Сентября, 2014 - 01:33:13
Новичок Покинул форум Сообщений всего: 14 Дата рег-ции: Авг. 2014 Помог: 0 раз(а)	Доброго времени суток есть html CODE (html): скопировать код в буфер обмена <a href="..." title="'.$title.'" target="_blank" id="my-img" my-img-id="111"><img src="..." width="150px" height="200px"></a> <br> <a href="..." title="'.$title.'" target="_blank" id="my-img" my-img-id="222"><img src="..." width="150px" height="200px"></a> и javascript CODE (javascript): скопировать код в буфер обмена $(document).ready(function(){ // var1 $('#my-img').click(function() {alert('Клик!!!.');}); // или var2 $('#my-img').on('click', function() {alert('Клик!!!.');}); }); alert срабатывает только при нажатии на первую ссылку. почему может не срабатывать при нажатии на последующие?

IllusionMH	Отправлено: 08 Сентября, 2014 - 02:33:06
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Mvk, что валидатор скажет на этот код? Что такое ID? Что такое "класс"? Сколько элементов могут иметь одинаковый ИД? А одинаковый класс?

Mvk	Отправлено: 08 Сентября, 2014 - 10:17:16
Новичок Покинул форум Сообщений всего: 14 Дата рег-ции: Авг. 2014 Помог: 0 раз(а)	под каждой ссылкой идет такой код CODE (html): скопировать код в буфер обмена <div id="contact-form"> <a href="#" class="contact" data-tovar-name="...">Заказать </a> </div> и работает. поэтому я думал что можно одинаковые ид. можете подсказать что-нибудь? я в jQuery новичок, а после вашего сообщения у меня стало на 5 вопросов больше )) (Отредактировано автором: 08 Сентября, 2014 - 10:18:17)

ПТО	Отправлено: 08 Сентября, 2014 - 13:00:09
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	Mvk пишет: я в jQuery новичок, а после вашего сообщения у меня стало на 5 вопросов больше )) ИДИ РАБОТАЙ СВАРЩИКОМ хотя...

difight	Отправлено: 08 Сентября, 2014 - 13:05:39
Посетитель Покинул форум Сообщений всего: 355 Дата рег-ции: Нояб. 2011 Помог: 3 раз(а)	Mvk пишет: под каждой ссылкой идет такой код CODE (html): скопировать код в буфер обмена <div id="contact-form"> <a href="#" class="contact" data-tovar-name="...">Заказать </a> </div> и работает. поэтому я думал что можно одинаковые ид. можете подсказать что-нибудь? я в jQuery новичок, а после вашего сообщения у меня стало на 5 вопросов больше )) id уникальный элемент, это значит он должен быть только у 1 элемента в html добавьте к каждой ссылке класс, например так CODE (html): скопировать код в буфер обмена <a href="..." title="'.$title.'" target="_blank" class="my_img_new" id="my-img" my-img-id="222"><img src="..." width="150px" height="200px"></a> Тогда должен будет работать код такой CODE (javascript): скопировать код в буфер обмена $(document).ready(function(){ // var1 $('.my_img_new').click(function() {alert('Клик!!!.');}); });

Mvk	Отправлено: 08 Сентября, 2014 - 13:33:01
Новичок Покинул форум Сообщений всего: 14 Дата рег-ции: Авг. 2014 Помог: 0 раз(а)	почему тогда работает код? CODE (html): скопировать код в буфер обмена <div id="contact-form"> <a href="#" class="contact" data-tovar-name="123">Заказать </a> </div> <div id="contact-form"> <a href="#" class="contact" data-tovar-name="456">Заказать </a> </div> <div id="contact-form"> <a href="#" class="contact" data-tovar-name="789">Заказать </a> </div> id повторяется. зачем в приведенном вами примере оставлять id="my-img", если обрабатывать клик будем по имени класса?

Мелкий	Отправлено: 08 Сентября, 2014 - 13:42:38
Активный участник Покинул форум Сообщений всего: 11926 Дата рег-ции: Июль 2009 Откуда: Россия, Санкт-Петербург Помог: 618 раз(а)	Mvk пишет: почему тогда работает код? Потому что браузеры попытаются отрисовать и обработать всё, что имеет хотя бы пару символов < и >. Получится ли что-нибудь - неизвестно, но отрисовать попытаются. Не хотите проблем - работайте по стандартам. ----- PostgreSQL DBA

Mvk	Отправлено: 08 Сентября, 2014 - 14:39:19
Новичок Покинул форум Сообщений всего: 14 Дата рег-ции: Авг. 2014 Помог: 0 раз(а)	т.е. это работает "случайно"? хреново, я в 5ти браузерах тестил, думал все впорядке хорошо, если у меня много элементов <a>, или <div> - как правильно обрабатывать клики по ним и узнавать, по какому именно кликнули? у каждого должен быть уникальный id ? за счет чего делается связка параметр=значение? есть id, есть class(я думал что это лишь для стилей), есть возможность задавать элементу свой параметр, я так понял, например <a my-img-id=222>...</a> помогите собрать эти сведения в одну кучу)) to "ПТО" - программированием занимался немного, но оочень давно.... я сеошник - поэтому сварщиком пока не хочу

difight	Отправлено: 08 Сентября, 2014 - 14:47:22
Посетитель Покинул форум Сообщений всего: 355 Дата рег-ции: Нояб. 2011 Помог: 3 раз(а)	Mvk пишет: т.е. это работает "случайно"? хреново, я в 5ти браузерах тестил, думал все впорядке хорошо, если у меня много элементов <a>, или <div> - как правильно обрабатывать клики по ним и узнавать, по какому именно кликнули? у каждого должен быть уникальный id ? за счет чего делается связка параметр=значение? есть id, есть class(я думал что это лишь для стилей), есть возможность задавать элементу свой параметр, я так понял, например <a my-img-id=222>...</a> помогите собрать эти сведения в одну кучу)) to "ПТО" - программированием занимался немного, но оочень давно.... я сеошник - поэтому сварщиком пока не хочу Что бы понять по какому именно кликнули, допишу в своем коде Я так понимаю у вас у каждой ссылки имеется параметр my-img-id тогда что бы получить его значение делаем так CODE (javascript): скопировать код в буфер обмена $(document).ready(function(){ $('.my_img_new').click(function() { //получаем значение параметра по которому кликнули var attr = $(this).attr('my-img-id'); alert(attr); ); });

Mvk	Отправлено: 08 Сентября, 2014 - 15:07:05
Новичок Покинул форум Сообщений всего: 14 Дата рег-ции: Авг. 2014 Помог: 0 раз(а)	тогда мой параметр id="my-img" у каждого элемента <a> вообще можно убрать?

difight	Отправлено: 08 Сентября, 2014 - 15:15:03
Посетитель Покинул форум Сообщений всего: 355 Дата рег-ции: Нояб. 2011 Помог: 3 раз(а)	Mvk пишет: тогда мой параметр id="my-img" у каждого элемента <a> вообще можно убрать? Убирайте

Mvk	Отправлено: 08 Сентября, 2014 - 15:29:25
Новичок Покинул форум Сообщений всего: 14 Дата рег-ции: Авг. 2014 Помог: 0 раз(а)	ну чтож, это победа))) спасибо! взгляните пожалуйста http://shop-fighters[dot]com[dot]ua/vitr[dot][dot][dot]pki-i-beysbolki/ под каждой картинкой есть <div id="contact-form">...</div> т.е. id-шники совпадают. это ошибка? "работает, но не должно" ?

difight	Отправлено: 08 Сентября, 2014 - 15:39:41
Посетитель Покинул форум Сообщений всего: 355 Дата рег-ции: Нояб. 2011 Помог: 3 раз(а)	Mvk пишет: ну чтож, это победа))) спасибо! взгляните пожалуйста http://shop-fighters[dot]com[dot]ua/vitr[dot][dot][dot]pki-i-beysbolki/ под каждой картинкой есть <div id="contact-form">...</div> т.е. id-шники совпадают. это ошибка? "работает, но не должно" ? Айдишники не должны совпадать http://htmlbook[dot]ru/html/attr/id почитайте что такое id в html =). Если вы "сеошник" вы должны об этом знать

Sail	Отправлено: 08 Сентября, 2014 - 15:44:19
Участник Покинул форум Сообщений всего: 1131 Дата рег-ции: Февр. 2014 Помог: 57 раз(а)	Mvk пишет: т.е. id-шники совпадают. это ошибка? "работает, но не должно" ? Однако, они это для стилей используют, которые описаны так, что применяются для id элемента, а не класса Впрочем, это лишь предположение

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.