Форум Сайтостроение Веб-строительство

Вопрос по jQuery

S3
На сайте с 29.03.2012
Offline
366
Sly32
427

Есть код, который выводит ролик с ютуба прямо на сайте 

 $('#popup-youtube').magnificPopup({

      disableOn: 700,

      type: 'iframe',

      mainClass: 'mfp-fade',

      removalDelay: 160,

      preloader: false,

      fixedContentPos: false

  });

ссылка с ютуба с id popup-youtube - отлично выводится, Но мне надо вывести, к примеру, 2 ролика. Второй ролик с этим же ид уже переходит на сам сайт ютуба.

если сдублировать код, привязав его к #popup-youtube1 и в ссылке опять прописать новый ид - работает. А если мне нужно вывести 6 роликов?

Как модифицировать код, что бы он действовал на все ид типа #popup-youtube1 #popup-youtube2 #popup-youtube3 и тд... ???

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#1 


$('#popup-youtube1, #popup-youtube2, #popup-youtube3').magnificPopup({

или


$('[id ^= "popup-youtube"]').magnificPopup({
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#2
Sly32:
Второй ролик с этим же ид

ID, он же идентификатор, должен быть единственным на странице.

Можно ещё проще, прописать не id а класс, и обращаться через .popup-youtube

//TODO: перестать откладывать на потом
S3
На сайте с 29.03.2012
Offline
366
Sly32
#3
дани мапов:

$('#popup-youtube1, #popup-youtube2, #popup-youtube3').magnificPopup({

или 

$('[id ^= "popup-youtube"]').magnificPopup({

Второй вариант именно то что надо!!! Регулярки- моя боль(( Спасибо. Только что позвонил заказчик и попросил сделать 16 роликов)))

Ragnarok, я знаю насчет уникальности. В данном случае все равно, к классу или идентификатору обращаться, что бы работало- они должны быть уникальны.

Копирайтинг, рерайт для всех Класс функция подготовки данных Органический рост группы во

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий