X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

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

| Вход | Регистрация )

Открыть тему
Тема закрыта
> jquery дублирует блоки - почему?
hedin.83
hedin.83
Topic Starter сообщение 16.7.2014, 1:20; Ответить: hedin.83
Сообщение #1


Здравствуйте, форумчане! Кто подскажет как разобраться вот с такой проблемкой? Использую слайдер bxSlider и когда подключена jquery некоторые блоки дублируются. К примеру, у меня в блоке bx-wrapper есть блок bx-viewport с определенным содержимым. Так вот вместо этого содержимого браузеры запихивают туда вышеупомянутый bx-wrapper с тем же bx-viewport и уже с содержимым. Т.е. bx-wrapper дублируется внутри себя. ОТключаю jquery и все становится на свои места. Может косяк в файле сладера, а не в самой библиотеке? Хотя на сайте слайдера в все у них с тем же файлом работает. Кто подскажет, а то уже бошка трещит:-( Если нужно выложу архив с кодом!!!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 16.7.2014, 10:25; Ответить: Degradator
Сообщение #2


косяк в вашем коде
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hedin.83
hedin.83
Topic Starter сообщение 16.7.2014, 21:33; Ответить: hedin.83
Сообщение #3


этот же косяк почему-то работает на сайте автора!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 17.7.2014, 15:41; Ответить: MetSerp
Сообщение #4


(Degradator @ 16.7.2014, 13:25) *
косяк в вашем коде

Перевожу, без вашего кода мы вам ничем не поможем :)
НО лучше не архивом а только те участки кода которые в этом задействованы в теме покажите
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hedin.83
hedin.83
Topic Starter сообщение 18.7.2014, 0:24; Ответить: hedin.83
Сообщение #5


<div class="slider">
<div class="bx-wrapper" style="max-width: 100%;">
<div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 200px;">
<ul class="bxslider" style="width: auto; position: relative;">
<li style="float: none; list-style: none; position: absolute; width: 730px; z-index: 50; display: block;">
<img src="images/city.jpg" alt="city" title="Funky roots">
<div class="bx-caption">
<span>Funky roots</span>
</div>
</li>
<li style="float: none; list-style: none; position: absolute; width: 730px; z-index: 0; display: none;">
<img src="images/city.jpg" alt="city" title="The long and winding road">
<div class="bx-caption">
<span>The long and winding road</span>
</div>
</li>
<li style="float: none; list-style: none; position: absolute; width: 730px; z-index: 0; display: none;">
<img src="images/city.jpg" alt="city" title="Happy trees">
<div class="bx-caption">
<span>Happy trees</span>
</div>
</li>
</ul>
</div>
<div class="bx-controls bx-has-pager bx-has-controls-direction">
<div class="bx-pager bx-default-pager">
<div class="bx-pager-item">
<a href="" data-slide-index="0" class="bx-pager-link active">1</a>
</div>
<div class="bx-pager-item">
<a href="" data-slide-index="1" class="bx-pager-link">2</a>
</div>
<div class="bx-pager-item">
<a href="" data-slide-index="2" class="bx-pager-link">3</a>
</div>
</div>
<div class="bx-controls-direction">
<a class="bx-prev" href="">Prev</a>
<a class="bx-next" href="">Next</a>
</div>
</div>
</div>
</div>



Здесь просто html стилей пока нет, но я подключал css с их сайта.
На всякий случай архив. [attachment=40396:austria.zip]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 18.7.2014, 12:25; Ответить: sodik
Сообщение #6


Вы задаете дивы в своем html, в тоже время, плагин сам оборачивает список в дивы и получается дублирование.
Посмотрите на разметку в их примере http://bxslider.com/examples/image-slideshow-captions .
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hedin.83
hedin.83
Topic Starter сообщение 26.7.2014, 1:30; Ответить: hedin.83
Сообщение #7


sodik, Огромное приогромное СПАСИБО!!! Вы были абсолютно правы, теперь я создал только список, а остальное все сделать JQuery. Еще раз спасибо за подсказку!!!:goodpost::goodpost::goodpost:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1243 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44920 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) Продам места под сквозные блоки на СМИ сайте
текст или графика
0 seo_vladimir 786 2.9.2020, 12:14
автор: seo_vladimir
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПочему нельзя давать рекламу на бренд?
6 Bilish 1359 12.1.2020, 13:47
автор: BLIK
Открытая тема (нет новых ответов) Почему стоит выбрать именно Berileads?
2 leadkreditrf 1833 27.11.2019, 12:39
автор: -leadkreditrf-


 



RSS Текстовая версия Сейчас: 23.4.2024, 22:01
Дизайн