在不同的视图（HTML标记）之间切换用php

Question

我正在建设一个网上商店与woocommerce。我希望能够在列表和网格视图之间切换。我知道这是一个插件：https://wordpress.org/plugins/woocommerce-grid-list-toggle/

问题是：我想在视图中控制HTML。列表视图必须具有与网格视图不同的标记。有什么办法来实现这一点？

谢谢！

Answer 1

由于您没有提供代码。我正在为此问题发布一个通用解决方案。

HTML：

<div id="container"> 
<!-- Here, your gird or list view will come... --> 
</div> 

create one trigger button with id `change_view` 

JQUERY：

<script> 
$('#change_view').on('click',function(){ 
var which_view = $(this).val(); 
$.ajax({ 
    type: 'post', 
    url: 'get_view.php', 
    data: {which_view : which_view}, 
    success: function(res){ 
     $("#container").html(null); 
     $("#container").html(res); // res = your new view... 
    } 
}); 
</script>