получение div, который обрабатывает сообщение моих категорий в wp jquery/ajax

87
10

У меня есть wp_list_categories, который отображает мои категории сайта wordpress. Теперь мне удается отобразить сообщение из моих категорий wordpress из wp_list_categories, включив пользователя onClick, какую категорию будет отображаться, не перезагружая/не обновляя страницу. У меня есть код, но я не могу получить конкретный div, содержащий мой пост, где он возвращает всю мою страницу, которая будет отображаться. Результатом моего кода является ajax/jquery, возвращает всю страницу и помещает ее в мой div id="inside". Я хочу только получить часть div id = "inside" которой есть запись из выбранной категории onclick.

Вот мой код:

$(document).ready(function(){
$.ajaxSetup({cache:true});
var $mainCategory = $('#inside'),
$cat_links = $('ul.categories-filters li a');

$cat_links.on('click', function (e) {
e.preventDefault();
$el = $(this);
var value = $el.attr("href");
$mainCategory.animate({opacity: "0.5"});
$mainCategory.load(value + "#inside", function() {
$mainCategory.animate({opacity: "1"});
});
});
});

my wp_list_categories и внутри div id="#inside" где сообщения должны отображаться.

<ul class="categories-filters">
<?php
$args2 = array(
'exclude' => array( 6,7,9 ),
'order' => 'DESC',
'title_li' => __(''),
);
wp_list_categories($args2);
?>
</ul>
</div>
<div class="col-md-8">
<div id="main-category" class="row row-left">
<?php if(have_posts()) :
$count = 0;
while(have_posts()) : the_post(); ?>

<div div id="inside" class="col-xs-3 col-box2">
<?php the_post_thumbnail('thumbnail'); ?>
</div>
<?php if($count==2) :
echo '</div>';
echo '<div class="row row-left">';
endif;
$count++; endwhile;
endif;
wp_reset_postdata();
?>
</div>
</div>

спросил(а) 2021-01-19T16:36:37+03:00 2 месяца, 3 недели назад
1
Решение
106

Проблема заключается в том, как вы используете функцию jquery.load

$mainCategory.load(value + "#inside", function() {

в документации указывается, что между URL-адресом и "селектором" должно быть пространство для частичной загрузки извлеченного html

так что просто

$mainCategory.load(value + " #inside", function() {

ответил(а) 2021-01-19T16:36:37+03:00 2 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема