我寻求一种使用 jquery 调用 php 文件的简单方法。
最终结果与我正在开发的 Magento 网站有关: http ://bouquetsco.com/flowersplants.html ^^This page
此页面显示产品:连续 3 个。
<?php $this->setColumnCount(3); ?>
<?php $this->setColumnCount(2); ?>
^^此 php 代码手动设置产品列数。
默认情况下,页面显示为 3 宽,在浏览器窗口重新缩小到平板电脑宽度(760 像素左右)之前,它看起来很好。当网站的设计是平板电脑大小(760px 左右)时,我想只显示两列产品。
为此,似乎必须使用 javascript 来确定窗口宽度,然后根据浏览器窗口宽度运行一些 php 代码......比如
这个...
if ( browser-window-widith > 760) { get '3-column.php' }
else { get '2-column.php' }
这过于简单化了。这个代码逻辑会是什么样子?如何编写此功能?
此外,可以将初始 if 语句更改为:
if (browser-window-width < 760) { get '2-column.php' }
else { get '3-column.php' }
=====================================
将存在两个 .php 文件(2-column.php 和 3-column.php)每个包含:
<?php $this->setColumnCount(2); ?>
或者
<?php $this->setColumnCount(3); ?>
该代码将根据浏览器窗口宽度(由 javascript 找到)调用一个文件或另一个文件,从而导致
用于显示 > 760px 的 3 列产品列表
和
用于显示 < 760px 的 2 列产品列表