在追加新內容後加載更多按鈕不動了

好的我一直在問這個問題。我插在我的HTML body標籤加載更多的div：在追加新內容後加載更多按鈕不動了

<a href="#" class="load-more">Load More...</a>

每次我刷新我的網頁，加載更多...文本出現拳頭內容加載之前，我不喜歡。所以我想趁着追加功能的加入像這樣：

$("#postlist").listview().listview('refresh').append('<a class="load-more">Load more...</a>');

這似乎這樣的伎倆，因爲它並不頁面上顯示刷新第一，但我有這個挑戰是，當新的內容被添加，加載更多的文本不會移動到頁面的結尾，而是保持在它第一次出現時的初始位置。我怎樣才能解決這個還是有使用更好的方法：

enter image description here

負載更多的代碼：

$(document).on("click", ".load-more", function() { 
    $.getJSON("url", function(data) { 
     $.each(data, function (key, val) { 
     var rtitle = $('<p/>', {'class' : 'vtitle', html: val.title}), 
      rexcerpt = $('<p/>', {'class': 'vexcept', html: val.excerpt}); 
      var rappend = $('<li/>').append(rtitle, rexcerpt); 
      $('#postlist').append(rappend); 
      $('#postlist').listview().listview('refresh'); 
     }); 
    }); 
});

來源

2013-11-03 Chelseawillrecover

無碼，增加了更多的內容......不是任何人都能輕鬆爲您提供幫助。在jsfiddle.net中創建一個演示。將需要在您的插入代碼中移動「加載更多」。或者改變它的css位置也許到絕對 – charlietfl

爲什麼按鈕應該移動？有一些代碼可以移動它嗎？或者是新加載的內容附加到DOM「加載更多」按鈕之前的某個元素？或者至少在同一父元素中的「加載更多」按鈕之前插入？如果兩者都不存在，那麼它就沒有理由移動。 –

我已經加入了加載更多代碼。附加Load more文本的位是diff函數 – Chelseawillrecover

你可以設置父標籤position:relative;並加載更多position:absolute;然後用bottom而努力left，像這樣：

jsFIddle

HTML

<div> 
    <a>load more...</a> 
</div>

CSS

div{ 
    width:500px; 
    height:300px; 
    position:relative; 
    background:tomato; 
} 

a{ 
    position:absolute; 
    bottom:10px; 
    left:10px; 
    display:block; 
    padding:5px; 
    background:#eee; 
}

來源

2013-11-03 19:32:26

在追加新內容後加載更多按鈕不動了

回答

相關問題