Question

我正在尝试做一些相当简单的事情，但我不是一个好的JavaScript。我想要做的是以下内容： 1.通过Javascript获取页面宽度 2.如果Page width小于400px，则将php变量设置为1

我的JAVASCRIPT非常糟糕

 //javascript
 var width = $(window).width(); //get the width of the screen
 if (width<400) {
  $slidevar = 1;
   }

然后在页面下方我可以获取该变量并使用它来显示我的幻灯片

 //PHP
 if ($slidevar == 1) {
 //Display Slideshow #1 PHP Function
 } else {
 //Display Slideshow #2 PHP Function
 }

所以这不可能。

你可以在页面加载时用PHP检索页面宽度一次吗？

我找到了这段代码，但是如何才能获得我的功能呢？

  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
   <script>
  var width = $(window).width();
   //This is ajax code which will send width to your php page in the   screenWidth variable
$.ajax({
url: "example.php", //this will be your php page 
data : {screenwidth:width} 
}).done(function() {
$(this).addClass("done");
});
</script>

//example.php code is here :
<?php
echo $width = $_REQUEST['screenwidth'];
?>

Answer 1

我们在这里可以做到的是

在javascript中计算屏幕宽度并进行ajax调用以相应地渲染滑块

var width = screen.width;
if (width < 400) {
   //AJAX call to render slider1
} else {
   //AJAX call to render slider2
}

Answer 2

jQuery：

var width = $(window).width(); //get the width of the screen
if (width<400) {
  var slidevar = 1;
  $.ajax({
    url:"the/php/page",
    data: {'slidevar':slidevar},
    type: 'get',
    success: function(){
       // do something
    }
  });

}

php：

$slidevar = $_GET['slidevar'];
if ($slidevar == 1) {
  //Display Slideshow #1 PHP Function
} else {
 //Display Slideshow #2 PHP Function
}

获取页面宽度Javascript - 返回PHP变量

2 个答案: