подгрузка записей
Нашел простенький скрипт подгрузки записей ,но подключить его не получается сам скрипт ,ввзят от сюда там другой движок
<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 не работал?
Нет