Всем привет.
Есть у меня страница на angularJS
Там по клику на кнопку load more выполняется ajax запрос, который подгружает контент.
Все это реализовано отдельно, и вызывается по клику на кнопку, через обычный .click()
Этот же скрипт применяется и на других страницах.
Проблема.
На странице с angularJS при
.append() скролит страницу вниз, на средину нового(!) контента.
ЧТо может быть не так?
Тут пример ajax запроса.
var mentionsOffset = $('.mentions-tile').length;
var $mentionsMoreBtn = $('#mentionShowMoreButton');
var mentionsIsRequestSend = false;
var mentionsIsLastResult = false;
var mentionsMoreBtnIsClicked = false;
var $loading = $('#loading');
$mentionsMoreBtn.click(function () {
mentionsMoreBtnIsClicked = true;
$mentionsMoreBtn.addClass('disabled requesting');
ajaxLoadMentions();
});
function ajaxLoadMentions() {
mentionsIsRequestSend = true;
var getMoreMentionsUrl = Routing.generate('api.all.mentions.get_more');
$.ajax({
url: getMoreMentionsUrl,
data: {
mentionsOffset: mentionsOffset
},
type: 'POST',
success: function (response) {
$loading.hide();
$('#mentionsContent').append(response.html);
if (mentionsMoreBtnIsClicked) {
$('#mentionShowMoreButton').remove();
}
if (!response.showButton) {
$('#mentionShowMoreButton').remove();
mentionsIsLastResult = true;
}
var videoList = $("#mentionsContent div.mentions-tile").slice(mentionsOffset);
$(".js-modal-btn", videoList).modalVideo();
mentionsOffset = response.mentionsOffset;
mentionsIsRequestSend = false;
}
});
}
Прилагаю HTML код кнопки
<button id="mentionShowMoreButton" type="button" class="btn btn-more">
Показать больше
<i class="fa fa-spinner fa-pulse m-l-1" aria-hidden="true"></i>
</button>
