頁面加載后執行jquery腳本
[英]Execute jquery script after page loaded
問題描述
我嘗試在頁面加載后執行以下腳本。
首先，我包含了 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>
但什么也沒有發生。
2 個解決方案
解決方案1
0 已采納 2015-11-10 10:12:55
如果您想在文檔加載時執行您的功能，那么只需這樣做：
$(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>
解決方案2
0 2015-11-10 10:18:14
只需刪除 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是樣式表，它不起作用。 嘗試一下。
在頁面加載反應頭盔后運行或執行腳本，反應 gatsbyjs
[英]Run or execute script after page is loaded with react helmet, react gatsbyjs
有沒有辦法加載腳本標簽並在頁面完全加載后執行它包含的腳本？
[英]Is there a way to load a script tag and execute the script it contains after the page is fully loaded?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.