при выводе 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>
|
|