2

wordpress のフィルター カテゴリにブートストラップ ボタンを使用したいのですが、どの方法が最適かわかりません。

これは私のマークアップです:

<?php $categorias = get_categories();?>

 <form method="post" action="<?php echo get_permalink(); ?>">
   <div class="btn-group" data-toggle-name="cat" data-toggle="buttons-checkbox" >
        <label class="control-label" for="inputIcon">Selecciona entre las categorias</label>
        <?php 
             foreach( $categorias as $cat):
                echo '<button type="button" class="btn" rel="tooltip" data-placement="bottom" data-original-title="Seleccionar" value="'.$cat->term_id.'">'.$cat->name.'</button>';
             endforeach;
        ?>
            <input type="hidden" value="" name="cat">
            <button class="btn" type="submit" >enviar</button>
   </div>

  </form>

誰でも私を助けることができますか?

4

1 に答える 1

0
<?php
    foreach( $categorias as $cat):
        $cat_link = get_category_link( $cat->cat_ID );
                echo '<a class="btn" href="'.$cat_link.'">'.$cat->name.'</a>';
             endforeach;
?>

カテゴリへのリンクを含むいくつかのボタンを作成するのに十分なはずです。
フォームを使用する必要がある場合は、これを行います

<input type="hidden" name="filter-category" id="filter-category" value="0" >
<?php
    foreach( $categorias as $cat):
        $cat_link = get_category_link( $cat->cat_ID );
                echo '<button type="button" class="btn filter-category" value="'.$cat->cat_ID.'">'.$cat->name.'</button>';
             endforeach;
?>

<script type="text/javascript">
$(document).ready(function(){
    $('.filter-category').on('click', function() {
        cat = $(this).val();
        $('#filter-category').val(cat);
    });
});
</script>

次に、その非表示の入力でカテゴリ ID を投稿します。

于 2013-05-06T20:39:49.990 に答える