WordPressのカテゴリjQueryおよび/またはCSSとの比較

Question

私はWordPressで作成した11のカテゴリを1つずつ投稿しています。カテゴリは実際に目的地（「旅行」のように）です。サイトの訪問者がカテゴリを選択して比較し、その結果を1ページに表示する方法が欲しいです。

例：This linkそのまま、同じページにカテゴリ7と8を表示します。私はチェックボックスなどを介してこの結果を動的に生成する方法が欲しいです。

Answer 1

jQueryでは、Ajaxを使用して、WordpressデータベースからそれらをフェッチするPHPファイルを使用してカテゴリを読み込むことができます。我々は仮定した場合、あなたはデータ型としてJSONを使用して、あなたはこのような構造を返す：各keyは、選択したカテゴリの名称であり、各valueが含ま記事のIDを含む文字列です

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

カテゴリ（これはデータが返される方法の一例に過ぎません）。

あなたは、このように返されたデータを反復処理することができます

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ファイルですが、うまくいけばそれはあなたの行くことになります！

参考文献：

• change()
• ajax()