在附加項目之間插入空格

Question

我有一個小問題，需要在2個帖子之間插入一個空格。

我的代碼：

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

誰能幫助我） THX很多

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>'); 
     } 
    }); 
});