подгрузка записей
Нашел простенький скрипт подгрузки записей ,но подключить его не получается сам скрипт ,ввзят от сюда там другой движок
<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();
$('#id вашего блока').append($('#id вашего блока', data).html());
}
})
}
}
});
});
</script>
тема Jkreativ Lite все скрипты у меня выведены в футер. Другие популярные скрипты и плагины пробывал, в этой теме они не хотят работать как надо.Надо смотреть живой пример. Скорее всего конфликт в JS текущей темы
наверное проще увидеть у себя на локалке или сайте ,тема Jkreativ Lite скачивается и устанавливается быстро. Пробывал эту подгрузку https://truemisha.ru/blog/wordpress/ajax-pagination.html это способ работает но со своим оформлением, с оформлением записей темы не работает, в консоли конфликтов нет.Просто сейчас я все удалил и тема исходная. Вот демку сделал http://wordpres.zz.mu , там оформление которое указано в коде скрипта
вот так получается , ставлю своё оформление не срабатывают стили или скрипты
Сейчас там стоит оформление моих записей,
Во первых, проверьте, почему у вас в скриптах кириллица в таком формате Загружаю…
в
/wp-content/themes/jkreativ-lite/loadmore.js
Сначала у вас одно название кнопки, потом другое. Это нужно устранить.
просто там я использовал файловый менеджер хостинга а там сохраняет в ASCII ,исправил ,если в консоли изменить стиль
.article-masonry-container { opacity: 0;}
то записи появляются ,но каждая запись на всю ширину
скрипт указанный в первом посте я подключил
Вот так
<div id="ajax-next-page" style="display: none;"><?php next_posts_link(); ?></div>
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if ($(window).scrollTop() > $('body').height()-$(window).height()-100) {
var nextPage = $('#ajax-next-page a').attr('href');
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#ggg').append($('#ggg', data).html());
}
})
}
}
});
});
</script>
но проблема такая же ,как указал выше
,если в консоли изменить стиль
.article-masonry-container { opacity: 0;}
то записи появляются ,но каждая запись на всю ширину
И так ошибок нет ,ни в консоли ни при установке скриптов, все работает но не так как должно ,это видимо особенности темы.
Не работает из за скрипта jquery.jmasonryblog.js
// Masonry blog script for jkreativ
// License: GNU General Public License v2.0
// License URI: http://www.gnu.org/licenses/gpl-2.0.html
// Copyright (c) 2014 by Baliniz
// version: 1.0.1
(function($) {
"use strict";
$.fn.jmasonryblog = function(options) {
options = $.extend({
loadAnimation: 'randomfade', // normal | fade | seqfade | upfade | sequpfade | randomfade | randomupfade
}, options);
return $(this).each(function() {
var element = $(this);
var container = $(this).find('.isotopewrapper');
var blogform = $(".bloginputfilter form");
var loader = $('.blogloader');
var get_blog_column_number = function() {
var ww = $(window).width();
if (ww < 640) return 1; // 380
if (ww < 1100) return 2; // 380
if (ww < 1500) return 3; // 580
if (ww < 1700) return 4; // 525
return 5;
};
var blog_resize = function() {
$(container).addClass('no-transition');
var elepadding = $(element).css('padding-left').replace("px", "");
var blognumber = get_blog_column_number();
var wrapperwidth = $(element).width() - elepadding;
var itemwidth = Math.floor(wrapperwidth / blognumber) - 1;
$(".article-masonry-container", container).width(itemwidth);
$(container).removeClass('no-transition');
};
var loadmorerequest = function() {
$(loader).fadeIn();
// do ajax request
$.ajax({
url: joption.adminurl,
type: "post",
dataType: "html",
data: $(blogform).serialize(),
success: function(data) {
$(".isotopewrapper .article-masonry-container", data).each(function(i) {
$(container).append(this);
});
$(".blogpagingwrapper").html($(".blogpagingwrapper", data));
$(container).masonry('destroy');
setTimeout(function() {
initialize_blog($(".pagedot").length);
}, 1000);
}
});
};
var filterclicked = function(event) {
var li = $(event.currentTarget);
var parentul = $(li).parent();
// active or not active link
$("li", parentul).removeClass('active');
$(li).addClass('active');
$("[name='sort']", blogform).val($(li).data('sortby'));
$("[name='paged']", blogform).val(1);
// change name
var sorttext = '';
var filtertext = '';
var sortfiltertext = '';
var sorttitle = $(".blogsortul").data('title');
var filtertitle = $(".blogfilterul").data('title');
var sortactive = $(".blogsortul li.active");
var filteractive = $(".blogfilterul li.active");
if ($(sortactive).length > 0) {
sortfiltertext = sorttitle + " " + $(sortactive).text();
}
if ($(filteractive).length > 0) {
if ($(sortactive).length > 0) {
sortfiltertext += " & " + filtertitle + " " + $(filteractive).text();
} else {
sortfiltertext += filtertitle + " " + $(filteractive).text();
}
}
$(".blogfilterbutton").text(sortfiltertext);
// blog filter width
var blogfilterwidth = $(blogfilter).width();
$(".blogfilterlist").css({
'min-width': blogfilterwidth
});
// hide portfolio paging
$(".blogpagingwrapper").animate({
'opacity': 0
}, "slow");
$.animate_hide(options.loadAnimation, container, $(container).find('.article-masonry-container'), function() {
loadmorerequest();
});
};
var blog_content_type = function() {
// gallery
if ($(".article-image-slider").length) {
$(".article-image-slider").fotorama({
allowfullscreen: 'native',
arrows: false,
width: '100%',
maxWidth: '100%',
aspectRatio: 1
});
$(".article-image-slider").on('fotorama:fullscreenexit', function() {
blog_resize();
});
}
// youtube
if ($("[data-type='youtube']").length) {
$.type_video_youtube($("[data-type='youtube']"));
}
// youtube
if ($("[data-type='vimeo']").length) {
$.type_video_vimeo($("[data-type='vimeo']"));
}
// sound cloud
if ($("[data-type='soundcloud']").length) {
$.type_soundcloud($("[data-type='soundcloud']"));
}
};
var initialize_blog = function(showpaging) {
blog_resize();
blog_content_type();
$(container).imagesLoaded(function() {
$(container).masonry({
itemSelector: ".article-masonry-container"
});
$.animate_load(options.loadAnimation, container, $(container).find('.article-masonry-container'), function() {});
if (showpaging) {
$(".blogpagingwrapper").animate({
opacity: 1
}).removeClass('hideme');
}
$(loader).fadeOut();
});
};
$(window).bind("resize", function(event) {
blog_resize();
});
initialize_blog(true);
});
};
})(jQuery);
(function($){
$(document).ready(function(){
$(".blog-masonry-wrapper").jmasonryblog();
});
})(jQuery);
В этом скрипте
1. прописан прелоадер
2. Также задаются размеры анонсов о обтекание
3. и все это привязано на блок с анонсами
Ну а скрипт подгружает анонсы не в этот блок а после него, поэтому не срабатывают условия скрипта
opacity: 1
и не задаются размеры подгружаемых анонсов
И где все гуру ???

Сомневаюсь, что вы получите ответ. Почему не работает на конкретном сайте, тот или иной скрипт – надо смотреть на этом самом конкретном сайте, с полными доступами и т.д. Кто знает, где вы допустили ошибку?
В принципе если бы была здесь реальная помощь,то вопрос решился бы в течении часа , У любого вебмастера на локалке есть установленный двиг для разработки,и не только на локалке и на хостинге,.В любом случае установить тему ,добавить пару скриптов это дело пары минут. Да найти там ошибку чуть больше времени уйдет чем пару минут. Доступы дать не проблема,это хостингер, у меня там просто демки , мне не жалко просто интересно было сколько времени займет ожидание помощи .
fess с ngcms не работал?

Нет
