(function ($) { "use strict"; let Deco_Load_More = { loadPosts: function () { $(document).on('click', '.js_custom-load-more-posts', function (e) { e.preventDefault(); let self = $(this), container = self.closest('.js_section').find(self.attr('data-container')), data = { action : 'deco_custom_load_more_posts', page : self.attr('data-page'), posts_per_page: self.attr('data-posts-per-page'), template : self.attr('data-template'), post_type : self.attr('data-post-type'), query : self.attr('data-query'), lang : self.attr('data-lang'), frontpage : self.attr('data-frontpage'), }; if (self.hasClass('loading')) { return false; } $.ajax({ type : 'POST', // url : deco_vars.ajaxurl, url : deco_vars.custom_ajax_url, dataType : 'json', data : data, beforeSend: function () { self.addClass('is-loading'); $(container).addClass('loading'); $(container).css('opacity', 0.3); }, success : function (response) { console.log(response); if (response.success) { $(container).append(response.data.html); self.attr('data-page', response.data.page); if (response.data.hide_paginate) { self.hide(); } } }, complete : function () { self.removeClass('is-loading'); $(container).removeClass('loading'); $(container).css('opacity', 1); // self.removeClass('active'); $(document).trigger('loadMoreLoad'); }, error : function (e) { console.log(e); } }); }); }, init: function () { if (!$('.js_custom-load-more').length) { return; } Deco_Load_More.loadPosts(); } }; $(document).ready(function () { Deco_Load_More.init(); }); })(jQuery);