Я новичок в jQuery, но у меня есть вопрос, и я надеюсь, что некоторые из вас могут помочь с этим ... Я пробовал несколько примеров на этом сайте, но, похоже, не могу найти надежного решения. Каждая ссылка #id уникальна. Я пытаюсь перебрать сгенерированные идентификаторы (php) и добавить универсальное событие .click (). Я использую cloud-zoom (jQuery). Кикер в том, что когда я использую ".tagImg" в качестве селектора класса, он откроет изображение (ссылку) в новом окне. Но когда я указываю конкретный идентификатор (# tagImage-0), скрипт работает отлично. Поэтому мне нужен способ перебирать неизвестное количество изображений, чтобы эта работа работала правильно.
Очень простой скелет:
<div class="tagImg">
<a id="tagImage-0" href="big0.img"><img src="/images/thumb0.jpg"></a>
<a id="tagImage-1" href="big1.img"><img src="/images/thumb1.jpg"></a>
<a id="tagImage-2" href="big2.img"><img src="/images/thumb2.jpg"></a>
<a id="tagImage-3" href="big3.img"><img src="/images/thumb3.jpg"></a>
<a id="tagImage-4" href="big4.img"><img src="/images/thumb4.jpg"></a>
<a id="tagImage-5" href="big5.img"><img src="/images/thumb5.jpg"></a>
</div>
Работает по ссылке:
$("#tagImage-0").click(function() {
// Process some code
});
Открывает ссылку в новом окне (имейте в виду, используя cloud-zoom):
$(".tagImg").click(function() {
// Process some code
}):
Использовали это, но не работали?:
$("#tagImage > a").click(function() {
// Process some code
});
При необходимости я могу предоставить более конкретный код.