Question

我想在wordpress中使用bootstrap按钮作为过滤器类别，我不知道最好的方法是什么。

这是我的标记：

<?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>

有人能帮助我吗？

Answer 1

<?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。

用于Wordpress的表单过滤器中的按钮复选框引导程序

1 个答案: