我将使用javascript(php变量)设置一个php变量。
我想将浏览器的大小赋予php变量,然后回复最佳css (一种不同的css而不是css3的响应式网站)。
<script src="jquery-1.10.2.js"></script>
<script>
$(function(){
var size=($(document).width());
if(size>300){
<?php
$size="more";
?>
}else if(size<300){
<?php
$size="less";
?>
}
})
</script>
<?php
if($size=="more"){
echo '<link rel="stylesheet" href="index-1024.css"/>';
}else if($size=="less"){
echo '<link rel="stylesheet" href="index-less-1024.css"/>';
}
?>
使用此代码,php变量$ size总是“39;
答案 0 :(得分:1)
PHP脚本在服务器上执行。和Javascripts(jQuery)脚本在您的浏览器上执行。你无法设置这样的变量。也许考虑在javascript中完全切换css:
script src="jquery-1.10.2.js"></script>
<script>
$(function(){
var size=($(document).width());
//if large screen, swap in large css
if(size>300){
$('#mystyle').attr("href", "index-1024.css");
}
})
</script>
<?php
//load small css as default
echo '<link rel="stylesheet" href="index-less-1024.css" id="mystyle"/>';
?>