Javascript 引导模式，-由于网页上线，加载时间太长
我有一个奇怪的情况，我的网页过去加载得很好，然后我把它与主机和域名在线。现在，应该是点击后弹出的模式需要很长时间才能加载（特别是通过safari、firefox和IOS），这破坏了页面的整体功能。所以这是一个真正的问题。在这一点上，它似乎加载只是罚款铬虽然 我尝试了几件事，例如彻底检查我的FTP客户端，删除，编辑代码，重新上传，但在这一点上，没有任何工作。谁能告诉我哪里出了问题Javascript 引导模式，-由于网页上线，加载时间太长,javascript,bootstrap-4,bootstrap-modal,Javascript,Bootstrap 4,Bootstrap Modal,我有一个奇怪的情况，我的网页过去加载得很好，然后我把它与主机和域名在线。现在，应该是点击后弹出的模式需要很长时间才能加载（特别是通过safari、firefox和IOS），这破坏了页面的整体功能。所以这是一个真正的问题。在这一点上，它似乎加载只是罚款铬虽然 我尝试了几件事，例如彻底检查我的FTP客户端，删除，编辑代码，重新上传，但在这一点上，没有任何工作。谁能告诉我哪里出了问题 window.onload = function() { const span = document.quer
window.onload = function() {
const span = document.querySelectorAll(".PopUp");
span.forEach(LIelm => {
LIelm.addEventListener('click', showHideModal)
})
};
function showHideModal(e) {
const projectNode = e.target.parentNode.parentNode;
if (!projectNode.matches('.Project, .modal-content')) return;
e.preventDefault();
if (projectNode.matches('.Project')) {
document.getElementById(projectNode.dataset.modal).style.display = "block";
} else {
projectNode.parentNode.style.display = "";
}
}
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="ModalPopUp.js"></script>
</head>
<body>
<div class="content">
<ul style="list-style: none;">
<li class="Project" data-modal="myModal_1">
<span id="myBtn_1">
Lirma Type
</span>
<span id="year">
2019
</span>
<div class="Describtion">
<p>Typedesign</p>
<br>
<span class="PopUp">Images</id>
</div>
<div id="myModal_1" class="modal">
<div class="modal-content">
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="Images/Lirma/type.jpg" alt="img" width="100%">
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</body>
<script src="ModalHide.js"></script>
<script src="pExpand.js"></script>
window.onload=function（）{
const span=document.queryselectoral（“.PopUp”）；
span.forEach（LIelm=>{
LIelm.addEventListener（'click'，showHideMoal）
})
};
函数showHideModal（e）{
const projectNode=e.target.parentNode.parentNode；
如果（！projectNode.matches（'.Project，.modal content'））返回；
e、 预防默认值（）；
if（projectNode.matches（'.Project'））{
document.getElementById（projectNode.dataset.modal）.style.display=“block”；
}否则{
projectNode.parentNode.style.display=“”；
}
}
-
里尔马型
2019
字体设计
图像
你有网站的链接吗？单击项目时，它会展开，然后你应该单击“图像”。当我访问页面时，几乎会加载150 MB的图像。最后的脚本将等待整个页面加载，因此在此之前，弹出窗口不会按预期工作（单击“图像”将再次关闭项目）。它脱机工作“很好”，因为图像都在硬盘上，所以弹出脚本可以立即运行。（此外，您的HMTL无效。您在某一点上用