로딩중 효과가 왜 이럴까요ㅠㅠ
본문
구글링해서 페이지 로딩중 표시하려고 하는데,
페이지가 로딩이 다 끝났는데도 계속 로딩 이미지가 떠 있습니다.
<html>
<head>
<meta charset="UTF-8" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
#loading {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
display: block;
opacity: 0.5;
background: #ffffff;
z-index: 100;
text-align: center;
}
#loading img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 101;
}
</style>
</head>
<body>
<div id="loading">
<img src="<?php echo G5_THEME_URL;?>/img/hourglass.gif" alt="loading">
</div>
<div class="container">
<form method="post" id="test" action="test.php">
<div>
<textarea id="answer" name="answer" style="width:500px;height:450px;"><?=$answer;?></textarea>
</div>
<div>
<textarea id="question" name="question" style="width:500px;height:80px;"><?=$question; ?></textarea>
</div>
<input type="submit" value="전송">
</form>
<div>
<script>
$(window).load(function () {
$('#loading').hide();
});
</script>
</body>
</html>
답변 3
테스트 해보니 잘 되네요.
알려주신 소스 문제는 아닌 듯 합니다.
아래 코드로 해보세요
<script>
window.addEventListener("load", function(event) {
document.getElementById("loading").remove()
});
</script>
해당 로드 스크립트 이전에 다른 스크립트 오류가 있을 가능성이 있습니다.
f12 누르셔서 콘솔탭의 오류메시지를 확인해보세요.
답변을 작성하시기 전에 로그인 해주세요.