HTML
0
Вклад в тег
<picture>
<source media="(min-width: 600px)" srcset={bgURL} />
<source media="(max-width: 599px)" srcset={bgURLMob} />
<img
className="hero__bg"
src={bgURL}
width="359"
height="694"
alt={title}
/>
</picture>
const container = $("#works-response");
let paged = 1;
let maxPages = 1;
$(".ajax-label").click(function (e) {
e.preventDefault();
let term = $(this).data("term");
if ($(this).hasClass("ajax-label")) {
$(this).siblings().removeClass("active");
$(this).addClass("active");
}
$("#loadmore-works button").data("term", term);
console.log("PAGED до запроса", paged);
$.ajax({
url: perviy_ajax_obj.ajaxurl,
type: "POST",
data: {
action: "get_works",
term: term,
// paged: 0,
},
success: function (response) {
if (response.message) {
console.log(response.message);
} else {
console.log(response);
response.posts.forEach(function (post) {
console.log(post);
container.html("");
container.append(post.html);
});
paged = 1;
console.log("PAGED ПОСЛЕ запроса", paged);
maxPages = response.max_pages;
$("#loadmore-works button").attr("data-term", term);
$("#loadmore-works button").removeAttr("data-max_pages");
$("#loadmore-works button").removeAttr("data-paged");
if (paged == maxPages) {
$("#loadmore-works button").addClass("none");
} else {
$("#loadmore-works button").removeClass("none");
}
$(".works__images").twentytwenty();
}
},
});
});
$(document).on("click", "#loadmore-works button", function (e) {
e.preventDefault();
let term = $(this).data("term");
paged = 1;
$.ajax({
url: perviy_ajax_obj.ajaxurl,
type: "POST",
data: {
action: "get_works",
term: term,
paged: paged,
},
success: function (response) {
if (response.message) {
console.log(response.message);
} else {
console.log(response);
response.posts.forEach(function (post) {
console.log(post);
container.append(post.html);
});
maxPages = response.max_pages;
paged++;
console.log("PAGED после запроса показать еще", paged);
if (paged == maxPages) {
$("#loadmore-works button").addClass("none");
} else {
$("#loadmore-works button").removeClass("none");
}
$(".works__images").twentytwenty();
}
},
});
});