Сравнение категорий WordPress с jQuery и / или CSS

Question

У меня есть одиннадцать категорий, которые я создал в WordPress, с постом для каждой.Категории действительно являются пунктами назначения (как в «путешествиях»).Я хотел бы, чтобы посетитель сайта мог выбирать и сравнивать категории, и чтобы результат отображался на одной странице.

Пример: Эта ссылкапоказывать категории 7 и 8 на одной странице.Я хотел бы получить способ динамического получения этого результата с помощью флажков или чего-то подобного.

Answer 1

С помощью jQuery вы можете использовать Ajax для загрузки категорий через файл PHP, который извлекает их из базы данных Wordpress. Если мы предполагаем, что вы используете json в качестве типа данных, и вы возвращаете структуру, подобную этой:

{
  "category1": "1;2;3",
  "category2": "4;5;6"
}

Где каждый key - это название выбранной категории, а каждый value - строка, содержащая идентификаторы сообщений, включенных в категорию (это всего лишь пример того, как данные могут быть возвращены).

Затем вы можете перебрать возвращенные данные следующим образом:

function update_categories(q){
  $.ajax({
    url: "get_categories.php",
    dataType: 'json',
    data: q,
    success: function(data){
      var items = [];
      $.each(data, function(key, val) {
        items.push(key + ' : ' + val + '<br>');
        $('#category-container').html(items.join(''));
      });
    }
  });
}

Ваша функция вызывается при каждом изменении флажка:

$('.checkbox').change(function(){
  $(this).parent().find('input:check').each(function(){
    /* 
     * Build the querystring q which should be sent to the PHP file through the 
     * data property of the $.ajax() method.
     */
  });
  update_categories(q);
});

Теперь это не идеально, и вам нужно написать PHP-файл, который выбирает категории, но, надеюсь, он вам поможет!

Ссылки:

• изменение ()
• Аякса ()