подгрузка записей

    Нашел простенький скрипт подгрузки записей ,но  подключить его не получается сам скрипт ,ввзят от сюда там другой движок

    <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 все скрипты у меня выведены в футер. Другие популярные скрипты и плагины пробывал, в этой теме они не хотят работать как надо.

    Добавить комментарий
    7 Ответ (-ов)

      Надо смотреть живой пример. Скорее всего конфликт в JS текущей темы

      Гуру Отвечено в 30.05.2016.
      Добавить комментарий

        наверное проще увидеть у себя  на локалке или сайте ,тема Jkreativ Lite скачивается и устанавливается быстро. Пробывал  эту подгрузку https://truemisha.ru/blog/wordpress/ajax-pagination.html  это способ работает но со своим оформлением, с оформлением записей темы не работает, в консоли конфликтов нет.Просто сейчас я все удалил и тема исходная. Вот  демку сделал http://wordpres.zz.mu , там оформление которое указано в коде  скрипта

        Новичок Отвечено в 30.05.2016.
        Добавить комментарий

          RE: подгрузка записей


          вот так получается , ставлю своё оформление  не срабатывают стили или скрипты
          Сейчас там  стоит оформление моих записей,

          Новичок Отвечено в 30.05.2016.
          Добавить комментарий

            Во первых, проверьте, почему у вас в скриптах кириллица в таком формате  &#1047;&#1072;&#1075;&#1088;&#1091;&#1078;&#1072;&#1102;…
            в

            
            /wp-content/themes/jkreativ-lite/loadmore.js
            
            

            Сначала у вас одно название кнопки, потом другое. Это нужно устранить.

            Гуру Отвечено в 30.05.2016.

            просто там я использовал файловый менеджер хостинга а там сохраняет в ASCII ,исправил  ,если в консоли изменить стиль
            .article-masonry-containeropacity: 0;}
            то записи появляются ,но каждая запись на всю ширину

            в 30.05.2016.
            Добавить комментарий

              скрипт указанный в первом посте я подключил
              Вот так 

              <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-containeropacity: 0;}
              то записи появляются ,но каждая запись на всю ширину

              Новичок Отвечено в 31.05.2016.
              Добавить комментарий

                И так ошибок нет ,ни в консоли  ни при установке скриптов, все работает но не так как должно ,это видимо особенности темы.
                Не работает из за скрипта 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
                и не задаются размеры подгружаемых анонсов

                Новичок Отвечено в 03.06.2016.
                Добавить комментарий

                  И где все гуру ???

                  Новичок Отвечено в 02.06.2016.

                  Сомневаюсь, что вы получите ответ. Почему не работает на конкретном сайте, тот или иной скрипт – надо смотреть на этом самом конкретном сайте, с полными доступами и т.д. Кто знает, где вы допустили ошибку?

                  в 02.06.2016.

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

                  в 02.06.2016.

                  Нет

                  в 03.06.2016.
                  Добавить комментарий

                  Ваш ответ

                  Размещая свой ответ, вы соглашаетесь с политикой конфиденциальности и условиями предоставления услуг.