Вставьте пробелы между добавленными элементами

Question

У меня есть небольшая проблема, вам нужно вставить пробел между двумя сообщениями.

Мой код:

var news01 = $('#news01').empty();  
$.ajax({ 
    url: url, 
    dataType: 'jsonp', 
    jsonp: 'jsoncallback', 
    timeout: 5000, 
    success: function(data, status){ 
     $.each(data, function(i,item){ 
      var landmark = '</br><b> News</b></br>';    
      var landmark2 = '<h3>title</h3>'; 
      var landmark3 = '<a href="#" data-transition="pop"><img src="" style="width:100%"></a>'; 
      var landmark5 = '<div data-role="collapsible" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-mini="true" data-collapsed="true"><h3>Leggi tutto...</h3><p>bla bla bla</p></div>';   
      var landmark4 = '<fieldset class="ui-grid-b"></div>'; 

      news01.append(landmark).trigger('updatelayout'); 
      news01.append(landmark2).trigger('updatelayout'); 
      news01.append(landmark3).trigger('updatelayout'); 
      news01.append(landmark5).collapsibleset().trigger('updatelayout'); 
      news01.append(landmark4).trigger('updatelayout'); 

     }); 
    }, 
    error: function(){ 
     news01.html ('<div><a class="ui-body ui-body-b ui-corner"><b>error</b></a></div>'); 
    } 
}); 

и HTML

<div class="post"> 
    <div id="news01"></div> 
    </div> 

and this is i want

кто может мне помочь) ТНХ много

Answer 1

Заверните его в виде DIV

var landmark = '<div><b> News</b></br>'; 

и добавить

var landmark = '<div style="margin-bottom: 15px;"><b> News</b></br>'; 

Только не забудьте закрыть DIV снова

var landmark4 = '<fieldset class="ui-grid-b"></div></div>'; 

Answer 2

просто обернуть HTML в DIV и дать отступы к нему.

<div style="padding-bottom:10px"> 
    <h1>Heading</h1> 
    <p>lorem ipsum</p> 
</div> 

Вам не нужно принимать 5 ориентировочных переменных для добавления html. Я хочу знать, почему вы используете триггер и что такое updatelayout? вы можете сделать это как:

$('updatelayout').on('click',function(){ 
    $.ajax({ 
     url: url, 
     dataType: 'jsonp', 
     jsonp: 'jsoncallback', 
     timeout: 5000, 
     success: function(data, status){ 
     var landmark = '<div style="padding-bottom:10px;">'; 
      $.each(data, function(i,item){ 
       landmark = '</br><b> News</b></br>';    
       landmark += '<h3>title</h3>'; 
       landmark += '<a href="#" data-transition="pop"><img src="" style="width:100%"></a>'; 
       landmark += '<div data-role="collapsible" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-mini="true" data-collapsed="true"><h3>Leggi tutto...</h3><p>bla bla bla</p></div>';   
       var landmark += '<fieldset class="ui-grid-b"></div>'; 
      }); 
      landmark = "</div>"; 
      $('#news01').html(element); 
     }, 
     error: function(){ 
      news01.html ('<div><a class="ui-body ui-body-b ui-corner"><b>error</b></a></div>'); 
     } 
    }); 
});