Question

如何在jQuery中插入php var？我试过这样但不起作用：

<?php 
     list($width,$height)=getimagesize($row['photo1']);
?>
<script type="text/javascript">
    $(document).ready(function() {
         $("#photo1").css({'width': '500', 'position': 'relative', 'top': 'calc((100% - <?php echo $height ?> ) / 2 )'});
    });
</script>
     <img id="photo1" src="<?php echo $row['photo1'] ?>" />

P.s。：图像位于具有500 x 500像素的div中。我想从顶部和底部等距离定位图像。

Answer 1

你可以单靠CSS来做到这一点。不需要javascript。

http://jsfiddle.net/volzy/5sh5k87w/

HTML：

<div>
    <img src="http://lorempixel.com/500/300/" alt="">
</div>

CSS：

div {
    background: red;
    height: 500px;
    width: 500px;
    display: table-cell;
    vertical-align: middle;
}

Answer 2

解决原始问题：

如何在jQuery中插入php var？我试过这样但是不起作用：

检查输出到浏览器的源代码，我99％确定它工作正常。但是getimagesize函数没有输出px，它被设计为放置在高度/宽度的HTML属性中，这不需要测量。所以你的CSS计算得到（100％ - 500）并且会失败。

编辑愚蠢的数学@jeroen

jQuery - 在.css（）函数中插入php变量

2 个答案: