вопрос
Есть такая подгрузка контента без обновения...
Но она работает после нажатия на кнопку, как сделать, чтобы она нажималась автоматически при прокрутке до конца страницы?
<center>
<a onclick="nextPage(); return false;" class="bbcodes" id="nexts" style="cursor: pointer">
Показать еще
</a>
</center>
<br />
<div id="ajax-next-page" style="display: none;">
[next-link][/next-link]
</div>
<script type="text/javascript">
function nextPage() {
var nextPage = $('#ajax-next-page a').attr('href') ? $('#ajax-next-page a').attr('href') : false;
ShowLoading("");
$('#nexts').hide();
if (nextPage != false) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#next-page').remove();
HideLoading("");
$('#dle-content').append($('#dle-content', data).html());
var yopp = $('#ajax-next-page a').attr('href') ? $('#ajax-next-page a').attr('href') : false;
if(yopp==false) {
$('#nexts').hide();
}
}
});
}
};
</script>
Но она работает после нажатия на кнопку, как сделать, чтобы она нажималась автоматически при прокрутке до конца страницы?
А мне твой код как раз нужен...)
<div id="ajax-next-page" style="display: none;">[next-link][/next-link]</div>
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if ($(window).scrollTop() > $('body').height()-$(window).height()-10) {
var nextPage = $('#ajax-next-page a').attr('href');
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#dle-content').append($('#dle-content', data).html());
}
})
}
}
});
});
</script>
