js只有在頁面加載完所有元素后才能執行
[英]Js is able to execute only after page loads all elements
問題描述
我的 javascript 有問題。 它僅在頁面加載所有其他元素后才加載並執行腳本..
例如，在我的菜單移動設備上，只有在頁面加載所有其他元素之后，我才能點擊漢堡菜單......導致用戶“延遲”。
我的頭部結構是：
<head>
<meta charset="UFT-8"/>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title><?= $config['head']['title']; ?></title>
<link rel="shortcut icon" href="<?= $config['head']['icon-Path']; ?>" type="image/png">
<link rel="stylesheet" type="text/css" media="screen and (min-width: <?= $config['layout']['small']['0']; ?>px) and (max-width: <?= $config['layout']['small']['1']; ?>px)" href="/styles/small.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: <?= $config['layout']['medium']['0']; ?>px) and (max-width: <?= $config['layout']['medium']['1']; ?>px)" href="/styles/medium.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: <?= $config['layout']['medium-large']['0']; ?>px) and (max-width: <?= $config['layout']['medium-large']['1']; ?>px)" href="/styles/medium-large.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: <?= $config['layout']['large']['0']; ?>px)" href="/styles/large.css">
<link rel="stylesheet" href="/styles/owl.carousel.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="/js/scripts.js"></script>
<script src="/js/main.js"></script>
</head>
任何人都可以幫助我嗎？ 謝謝你。
1 個解決方案
解決方案1
0 2021-04-18 16:19:16
嘗試將異步添加到要立即加載的腳本
讓我知道這是否有幫助
如何從后台代碼執行javascript函數，但僅在頁面加載后執行
[英]How to execute javascript function from code-behind but only after the page loads
有沒有辦法隱藏頁面的所有內容並僅在頁面完全加載后才顯示它們？
[英]Is there a way to hide all contents of a page and only show them after the page completely loads?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.