jQuery技术:用jQuery确定浏览器宽度，然后调用一个（两个）.php文件（来自同一目录）加载一行PHP

我寻求一种使用jquery调用php文件的简单方法。

最终结果与我正在开发的Magento网站有关： http ： //bouquetsco.com/flowersplants.html ^^此页面

此页面显示产品：连续3个。

setColumnCount(3); ?> setColumnCount(2); ?> 

^^这个php代码手动设置产品列数。

默认情况下，页面显示3宽，看起来很好， 直到浏览器窗口重新调整为平板电脑宽度（760px左右）。 当网站的设计是平板电脑尺寸（760px左右）时，我想只显示两列产品。

要做到这一点，似乎必须使用javascript来确定窗口宽度，然后根据浏览器窗口宽度运行一些PHP代码…像

这个…

  if ( browser-window-widith > 760) { get '3-column.php' } else { get '2-column.php' } 

这非常简单。 这段代码逻辑会是什么样的？ 怎么会写这个function？

另外，可以将初始if语句更改为：

  if (browser-window-width < 760) { get '2-column.php' } else { get '3-column.php' } 

====================================

将存在两个.php文件（2-column.php，＆3-column.php）每个文件包含：

  setColumnCount(2); ?> 

要么

  setColumnCount(3); ?> 

代码将调用一个或另一个文件，具体取决于浏览器窗口宽度（可以通过javascript找到），从而导致

显示器的3列产品列表> 760px

和

显示器的2列产品列表<760px

 if(!isset($_GET['width'])) { echo ''; } else { $_SESSION['screen_width'] = $_GET['width']; $_SESSION['screen_height'] = $_GET['height']; } 

 if($_SESSION['screen_width']>= '1400') { $this->setColumnCount(3); } else { $this->setColumnCount(2); } 

  .... 
 <--! if that script is used the above div will load differently depending on the width-->  

以上就是jQuery教程分享用jQuery确定浏览器宽度，然后调用一个（两个）.php文件（来自同一目录）加载一行PHP相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。