Несколько одинаковых объектов на странице
Ситуация такая. Есть объекты, которые добавляются через админку. Соответственно, их может быть 2, а может быть 10. На странице организован вывод всех этих объектов - текстовая информация+слайдер с фотографиями.
Вот со слайдерами и возник вопрос. Если делать ограниченное число объектов, то на странице инициализируется несколько слайдеров, каждый со своим именем. $('#featured1'), $('#featured2') и т д. Так все работает. Но не будешь же после каждого добавленного объекта лезть в код и дописывать еще один точно такой же скрипт с новым именем? Как можно покрасивше :) решить этот вопрос? |
Если слайдер - jQuery плагин, то:
$('.featured').plugin(); //найдет все элементы с таким классом и запустит им плагин
Вообщем тут нужен не id, а class и надо искать элементы и читать про циклы. |
С основами программирования я знакома, поэтому как организовать вывод объектов через цикл в курсе :)
Вопрос именно в js. Да, используется jQuery плагин. Итак, я поменяла скрипт на
$(window).load(function() {
$('#featured').orb({
некоторый код
});
});
Этот код размещен в блоке head Затем в блоке body я размещаю в теге <script></script>
$('.featured').plugin();
И фотографии я размещаю в <div class="featured"> </div> И ничего не работает :) С кодом js, да и html, я столкнулась буквально вчера. Поэтому тут могут быть совершенно дилетантские ошибки. Потому и спрашиваю |
Поменяла
$('.featured').plugin();
на
$('.featured').orb();
Попробовала поместить в блок <head> Ноль реакции |
Решение оказалось простым - нужно было поменять решетку (#) на точку. И все заработало, спасибо!
|
| Часовой пояс GMT +3, время: 17:39. |