在不同的視圖（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>