jquery - 在窗口调整大小时在 wordpress 中切换不同的模板部分

Question

在我的 wordpress 模板中，我使用 wordpress 函数在 header.php 中添加了我的模板部分。

<?php get_template_part('desktop'); ?>  

我想为不同的屏幕尺寸以及移动屏幕添加不同的模板部分。如何根据设备分辨率或窗口重新大小自动获取窗口宽度？以及如何获得这些值作为切换模板部分的条件？我有我的不同模板命名 ipad-portrait.php, ipad-landscape.php and tinymobile.php.

Answer 1

使用 Jquery，我可以在重新调整大小时捕捉窗口的宽度：

我的jQuery：

<script type=text/javascript>
  $(window).resize(function() {
    var _my_window = $(window).width();
      alert(_my_window);
   }); 
</script>

我认为直接传递这个jquery变量来存储它作为一个php变量并不容易。