Ajax Загрузка Пагинация

101
15 сентября 2019, 00:10

Есть Код на Jquery

jQuery(function($){
NggAjaxNavigation = {
    loading_image:            null,
    /**
     * Initializes the AJAX paginators
     */
    init:                     function(){
        var self = this;
        $('body').on('click', 'a.page-numbers, a.prev, a.next', function(e){
          var $this     = $(this);
          var $gallery  = $this.parents('.ngg-galleryoverview:first');
          var gallery_id= $gallery.attr('id').replace('ngg-gallery-','').replace(/-\d+$/, '');
          if ($gallery.hasClass('ngg-ajax-pagination-none'))
            return;
          e.preventDefault();
          self.toggle_busy(true);
          $.get($this.attr('href'), function(response){
              var html = $(response);
              $gallery.replaceWith(html.find('div[id*="ngg-gallery-'+gallery_id+'"]'));
              $("div").append("<div>hello world</div>")

              // Let the user know that we've refreshed the content
              $(document).trigger('refreshed');

          }).always(function() {
              self.toggle_busy(false);
          });
        });
    },
    /**
     * Gets the querystring parameters for a url
     * @param url
     * @return {Object}
     */
    get_querystring_params_from_url: function(url){
        var url_params = {};
        var url_parts = url.split('?');
        if (url_parts.length == 2) {
            url_parts = url_parts[1].split('&');
            for (var key in url_parts) {
                var param = url_parts[key].split('=');
                url_params[param[0]] = param.length == 2 ? param[1] : '';
            }
        }
        return url_params;
    },

    toggle_busy:                    function(busy) {
        $('body, a').css('cursor', busy ? 'wait' : 'auto');
    }
};
NggAjaxNavigation.init();

});

Я хочу что бы пагинация работала следующим образом. Я нажимаю кнопку И новая страница пагинации загружаться внизу Блока, а верхний блок остаётся, сейчас же Всё работает так: я нажимаю (следующую страницу) и моя первая заменяется следующей... Помогите в Jquery я нуб

Answer 1

jQuery(function($){ NggAjaxNavigation = { loading_image: null,

    /**
     * Initializes the AJAX paginators
     */
    init:                     function(){
        var self = this;
        $('body').on('click', 'a.page-numbers, a.prev, a.next', function(e){
          var $this     = $(this);
          var $gallery  = $this.parents('.ngg-galleryoverview:first');
          var gallery_id= $gallery.attr('id').replace('ngg-gallery-','').replace(/-\d+$/, '');
          if ($gallery.hasClass('ngg-ajax-pagination-none'))
            return;
          e.preventDefault();

          $.get($this.attr('href'), function(response){
              var html = $(response);
              $gallery;
              $gallery.clone().appendTo('#main').replaceWith(html.find('div[id*="ngg-gallery-'+gallery_id+'"]'));
              // Let the user know that we've refreshed the content
              $(document).trigger('refreshed');

          }).always(function() {
              self.toggle_busy(false);
          });
        });
    },
    /**
     * Gets the querystring parameters for a url
     * @param url
     * @return {Object}
     */
    get_querystring_params_from_url: function(url){
        var url_params = {};
        var url_parts = url.split('?');
        if (url_parts.length == 2) {
            url_parts = url_parts[1].split('&');
            for (var key in url_parts) {
                var param = url_parts[key].split('=');
                url_params[param[0]] = param.length == 2 ? param[1] : '';
            }
        }
        return url_params;
    },

    toggle_busy:                    function(busy) {
        $('body, a').css('cursor', busy ? 'wait' : 'auto');
    }
};
NggAjaxNavigation.init();

});

Я решил этот вопрос) Таким способом, для меня это сработало

READ ALSO
Скрипт читает только одну форму на сайте

Скрипт читает только одну форму на сайте

Сегодня хотел бы обратится к тем, кто знает что делать со скриптом или формой, чтобы при использовании скрипта читалась не только первая формаВкратце:...

139
Не закрывается блок при нажатии мимо блока на IPAD

Не закрывается блок при нажатии мимо блока на IPAD

есть проблема на устройстве Ipad, не закрывается блок при клике мимо него, вот верстка на хостинге http://questbox7liemstar

111
Как сделать что бы кнопка нажималась один раз, а так же вывести доп поле с % [закрыт]

Как сделать что бы кнопка нажималась один раз, а так же вывести доп поле с % [закрыт]

Помогите решить проблему, так как в js не шарюСуть задачи такова

126
как поместить массив в конкретный div

как поместить массив в конкретный div

Есть массив со значениями необходимо значения поместить в блок на странице( допустим div class='menu') Пытался сделать но как-то плохо вдупляю...

127