VPF::при выводе html кода через jquery все криво

Satell

Дата 19.3.2016, 17:56 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 79
Регистрация: 28.6.2007

Репутация: нет
Всего: нет

при выводе html кода через jquery $('#serts').html(outputserts); почему-то исчезают пробелы между обьектами все налазит друг на друга, если код просто в странице то все верно отображается, какие-то классы не срабатывают что-ли при этом?
$('#serts').html(outputserts);

Код


script.js
var outputserts="";
for (var i=0; i<pieces.length;i++)
{
outputserts+='<DIV class="col-xs-4 preview"><A class="zoom_w gallery-photo" style=\'background-image: url("'+pieces[i]+'");\' href="'+pieces[i]+'" data-fancybox-group="group"><I class="zoom"><I class="zoom_dec"></I></I>               </A></DIV>'+"\r\n";            
}

$('#serts').html(outputserts);

вывод на страницу

Код


<DIV class="master-preview row">

//чистый код в странице РАБОТАЕТ ВЕРНО!!!
<DIV class="col-xs-4 preview"><A class="zoom_w gallery-photo" style='background-image: url("/images/pfiles/ArutyunyanAV2/ArutyunyanAV2_37.jpg-max.jpg");' 
href="/images/pfiles/ArutyunyanAV2/ArutyunyanAV2_37.jpg-max.jpg" data-fancybox-group="group"><I class="zoom"><I class="zoom_dec"></I></I>      </A></DIV>

//вывод через jquery,КАРТИНКИ НАЛАЗЯТ ДРУГ НА ДРУГА
<div id="serts"></div>

</DIV>
<script>
  jQuery(".master-preview .preview a").fancybox({
    padding: 0,
    margin: 80
  });
</SCRIPT>

Это сообщение отредактировал(а) Satell - 19.3.2016, 17:58

_zorn_

Дата 20.3.2016, 07:43 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1077
Регистрация: 21.8.2007

Репутация: 1
Всего: 12

А вы сами не можете на том же http://jsbin.com поиграться ?
Неужели вы думаете что разбираться в чужой разметке это предел мечтаний ?

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »