Пользователь пока ничего не рассказал о себе

Наибольший вклад в теги

Все теги (7)

Лучшие ответы пользователя

Все ответы (3)
  • С чем может быть связано не правильный вывод изображений?

    @anmkh Автор вопроса
    Если вставлять изображение через тег picture, то работает нормально:
    <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>
    Ответ написан
    Комментировать
  • Как решить проблему с кнопкой показать еще на ajax Wordpress?

    @anmkh Автор вопроса
    Решил проблему:

    Нужно добавить атрибут для кнопки до AJAX запроса. Обновленный код:
    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();
    				}
    			},
    		});
    	});
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (34)