在附加项之间插入空格

时间:2016-03-19 07:10:49

标签: jquery append

我有一点问题,需要在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

任何人都可以帮助我) 很多

2 个答案:

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