我有一点问题,需要在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>
任何人都可以帮助我) 很多
答案 0 :(得分:1)
将其包裹在div
中curl_setopt($curl_connection, CURLOPT_TIMEOUT, 20);
并添加
var landmark = '<div><b> News</b></br>';
请记得再次关闭div
var landmark = '<div style="margin-bottom: 15px;"><b> News</b></br>';
答案 1 :(得分:0)
将你的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>');
}
});
});