页面加载后执行jquery脚本

Question

我尝试在页面加载后执行以下脚本。

首先，我包含了 jquery。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

然后我写了我的脚本：

<script>
    function scale()
    {
        $hc = document.getElementById("hc").innerHTML;
        $he = document.getElementById("he").innerHTML;
        $we = document.getElementById("we").innerHTML;

        jQuery('#mydiv_cam')    .css('height', '8000px');

        jQuery('#camera')       .css('height', $hc+"px");
        jQuery('#viewport')     .css('height', $he+"px");
        jQuery('#viewport')     .css('width', $we+"px");
    }
</script>

这是我的身体标签

<body onload="scale();">

在身体内部我加载变量：

<p hidden="true" id="hc"> <?php echo $höhe_camera ?> </p>
<p hidden="true" id="he"> <?php echo $heightexplode[1] ?> </p>
<p hidden="true" id="we"> <?php echo $widthexplode[1] ?> </p>

但什么也没有发生。

Answer 1

如果您想在文档加载时执行您的功能，那么只需这样做：

$(document).ready(function(){

    $hc = document.getElementById("hc").innerHTML;
    $he = document.getElementById("he").innerHTML;
    $we = document.getElementById("we").innerHTML;

    jQuery('#mydiv_cam')    .css('height', '8000px');

    jQuery('#camera')       .css('height', $hc+"px");
    jQuery('#viewport')     .css('height', $he+"px");
    jQuery('#viewport')     .css('width', $we+"px");
   //put everything else inside here
});

这会将此函数设置为文档的就绪函数，以便在文档完全加载后立即执行。 您也可以删除 body 标签上的属性。 此外，您可能想要修复 jQuery 导入：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Answer 2

只需删除 php 标签前后的空格。 写成如下：

<p hidden="true" id="hc"><?php echo $höhe_camera ?></p>
<p hidden="true" id="he"><?php echo $heightexplode[1] ?></p>
<p hidden="true" id="we"><?php echo $widthexplode[1] ?></p>

这将起作用。 当您在 jquery 中使用 p 标签的 innerhtml 时，它也接受空格，并且在您将它与 px 连接后，它将被视为1 px是样式表，它不起作用。 尝试一下。

页面加载后执行jquery脚本

问题描述

2 个解决方案

解决方案1
0 已采纳 2015-11-10 10:12:55

解决方案2
0 2015-11-10 10:18:14

页面加载后执行jquery脚本

问题描述

2 个解决方案

解决方案1 0 已采纳 2015-11-10 10:12:55

解决方案2 0 2015-11-10 10:18:14

解决方案1
0 已采纳 2015-11-10 10:12:55

解决方案2
0 2015-11-10 10:18:14