添付された項目の間にスペースを挿入

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

とちょうどちょうどdivの中にあなたのhtmlをラップし、それにパディングを与える

再び

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

Answer 2

をdiv要素を閉じることを忘れないでください

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

を追加します。

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

htmlを追加するために5つのランドマーク変数を使用する必要はありません。私はなぜトリガーを使用しているのか、そして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>'); 
     } 
    }); 
});