jQuery - 在 .css() 函数中插入 php 变量答案

【问题标题】：jQuery - insert php variable in .css() function [closed]jQuery - 在 .css() 函数中插入 php 变量
【发布时间】：2015-10-20 19:22:32
【问题描述】：

如何在 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 中。我想将图像放置在与顶部和底部等距的位置。

【问题讨论】：

定义不起作用。浏览器中的源代码输出是什么？...
它不起作用怎么办？ 'calc((100% - <?php echo $height ?> ) / 2 )' 的评估结果是什么？
@RiggsFolly 这不应该有所作为，因为它在$(document).ready上运行
您可以尝试将px 添加到宽度和高度值，即width:750px; height:321px 以使css 有效@jeroen 基本上击中它，
@RiggsFolly 不需要 px 如果值是一个数字......但似乎是字符串。 jQuery 会将px 添加到数值中

标签： php jquery css variables

【解决方案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;
}

【讨论】：

致那些投反对票的人：这个答案并没有解决 php 问题，但它实际上确实解决了 OP 提出的问题！

【解决方案2】：

解决您最初的问题：

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

检查输出到浏览器的源代码，我有 99% 的把握它工作正常。但是getimagesize函数不输出px，它被设计成放在HTML属性中的height/width，不需要测量。所以你的 CSS calc 正在获取 (100% - 500) 并且会失败。

编辑愚蠢的数学@jeroen

【讨论】：