https://vetliva.ru/local/templates/travelsoft_copy/js/more.js

1$(document).ready(function(){
2
3    /*var preloader = (function ($) {
4
5        var preloaderId = "preloader";
6
7        //init preloader container
8        $(window.doument).ready(function () {
9
10            if (!$("#" + preloaderId).length) {
11
12                var preloaderBody = "<div id=\""+preloaderId+"\">" +
13                    "<div class=\"loader\">" +
14                    "<div class=\"dot\"></div>" +
15                    "<div class=\"dot\"></div>" +
16                    "<div class=\"dot\"></div>" +
17                    "<div class=\"dot\"></div>" +
18                    "<div class=\"dot\"></div>" +
19                    "</div>" +
20                        /!*"<div class=\"tb-cell\">" +
21                         "<div id=\"page-loading\">" +
22                         "<div></div>" +
23                         "</div>" +
24                         "</div>" + *!/
25                    "</div>";
26
27
28                //$("body").append(preloaderBody);
29
30
31            }
32        });
33
34        return {
35            show: function () {
36                $("#" + preloaderId).css({display: "table"});
37            },
38
39            hide: function () {
40                $("#" + preloaderId).fadeOut(500);
41            }
42        };
43
44    });*/
45
46    $(document).on('click', '.load-more-items', function(){
47
48        var targetContainer = $('.booking-cards'),
49            url =  $('.load-more-items').attr('data-url'),
50            listPage = $('.load-more-items').attr('data-page'),
51            newClass = 'ajax-insert-'+listPage;
52
53        if (url !== undefined) {
54
55            $("#preloader").show();
56
57            $.ajax({
58                type: 'GET',
59                url: url,
60                dataType: 'html',
61                success: function(data, textStatus){
62
63                    $('.load-more-items').remove();
64
65                    var elements = $(data).find('.card'),
66                        pagination = $(data).find('.load-more-items');
67
68                    $.each(elements, function(key, val) {
69                        $(this).addClass(newClass);
70                        $(this).find('.card-marker').click(function(event) {
71                            $(this).toggleClass('card-marker__selected');
72                        });
73                    });
74
75                    targetContainer.append(elements);
76                    $('#pag').append(pagination);
77
78
79                    setTimeout(function() {
80                        $('.'+newClass+' .card_image').slick({
81                            //useTransform: false,
82                            arrows: false,
83                            variableWidth: true,
84                            slidesToShow: 1,
85                            slidesToScroll: 1,
86                            centerPadding: '-30px',
87                            swipe: false,
88                            centerMode: true,
89                            infinite: true,
90                            arrows: true,
91                            responsive: [
92                                {
93                                    breakpoint: 1281,
94                                    settings: {
95                                        arrows: true,
96                                        variableWidth: true,
97                                        slidesToShow: 1,
98                                        slidesToScroll: 1,
99                                        swipe: true,
100                                        centerMode: true,
101                                        infinite: true,
102                                    },
103                                },
104                                {
105                                    breakpoint: 768,
106                                    settings: {
107                                        arrows: false,
108                                        variableWidth: true,
109                                        centerMode: true,
110                                        centerPadding: "40px",
111                                        slidesToShow: 1,
112                                        swipe: true,
113                                        dots: true,
114                                    },
115                                },
116                            ],
117                        });
118                        setTimeout(function () {
119                            $("#preloader").hide();
120                        }, 1000);
121                    }, 1500);
122                    
123                    /*$.each(elements, function(key, val) {
124                        $(this).find(".card_image").slick({
125                            lazyLoad: 'ondemand',

126                            arrows: false,
127                            variableWidth: true,
128                            slidesToShow: 1,
129                            slidesToScroll: 1,
130                            centerPadding: '-30px',
131                            swipe: false,
132                            centerMode: true,
133                            infinite: true,
134                            arrows: true,
135                            responsive: [
136                                {
137                                    breakpoint: 1281,
138                                    settings: {
139                                        lazyLoad: 'ondemand',
140                                        arrows: true,
141                                        variableWidth: true,
142                                        slidesToShow: 1,
143                                        slidesToScroll: 1,
144                                        swipe: true,
145                                        centerMode: true,
146                                        infinite: true,
147                                    },
148                                },
149                                {
150                                    breakpoint: 768,
151                                    settings: {
152                                        lazyLoad: 'ondemand',
153                                        arrows: false,
154                                        variableWidth: true,
155                                        centerMode: true,
156                                        centerPadding: "40px",
157                                        slidesToShow: 1,
158                                        swipe: true,
159                                        dots: true,
160                                    },
161                                },
162                            ],
163                        });
164                    });*/
165
166
167
168
169                    //targetContainer.find('.card_image').slick('refresh');
170                }
171            });
172        }
173
174    });
175
176});