如何使用AJAX加载WordPress侧边栏

时间:2013-05-14 作者:David Heisnam

我在我的网站上使用响应式设计。一切都很好,只是在手机上,我的网站太长了。对于一个移动屏幕来说,内容太多了——侧边栏占用了太多的垂直空间,其中包含了很多小部件,如流行帖子、最近的评论等。为了使网站更小,如果从小屏幕查看,我希望侧边栏完全不加载。我不想将display:hidden应用于侧栏容器。那太愚蠢了。

因此,最有效的方法是使用AJAX加载侧栏,如果视口宽度小于800px,则将其排除。

谁能告诉我这是否可能?如果可以做到这一点,请给出一些示例和一些教程的链接。我在google上搜索了很多,但只找到了一个教程,我认为这还不够,因为我想从几个例子中学习。

1 个回复
SO网友:ebohlman

只需继续使用CSS媒体查询将侧栏设置为display: none 如果屏幕太小,请为您的移动用户提供一些JavaScript,让他们可以根据需要有选择地查看。不要担心这会导致钻头和循环效率的损失;假设你每天的点击量不超过Facebook的十分之一,并且你的侧边栏中没有大量自动播放的视频文件,那么在单独请求时发送侧边栏的收益将微乎其微(甚至可能是负的)。

结束