테스트 사이트 - 개발 중인 베타 버전입니다

jquery location.reload(); 이후 remove(); 실행 질문드립니다. 채택완료

airs 7년 전 조회 4,722

</p>

<p><script src="<a href="https://code.jquery.com/jquery-3.3.1.slim.min.js"" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-3.3.1.slim.min.js"</a> integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E=" crossorigin="anonymous"></script></p>

<p><button type="button" onclick="reload();">버튼</button></p>

<p><div id="t1">

테스트 1

</div></p>

<p><div id="t2">

테스트 2

</div></p>

<p><div id="t3">

테스트 3

</div></p>

<p><div id="t4">

테스트 4

</div></p>

<p><div id="t5">

테스트 5

</div></p>

<p><script>

function reload(){

location.reload();

remove();

}</p>

<p>function remove(){

$( "#t3" ).remove();

$( "#t4" ).remove();

$( "#t5" ).remove();

}

</script></p>

<p>

 

새로고침 이후에 remove();를 줘야하는데, 계속 먼저 remove(); 하고 새로고침 해버리네요..

대체 왜 그럴까요..

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
w
7년 전

안녕하세요.

클릭 이벤트를 통해서 새로고침 이후에 제이쿼리 remove 를 주려고 하시는거 같은데요.

새로고침을 하게되면 텍스트 제거가 되었더라도

클릭이벤트를 누르기 전 상태로 돌아가기 때문에 로직자체가 의미가 없는거 같습니다.

제거후 새로고침하는 방식으로 한번 시도해보시는게 어떨까 싶네요 ^^;

 

추가 -

올리신 코드자체는 생각하신 것처럼 정상적으로 작동합니다.

다만 브라우저에 뿌려주는 과정에서 remove가 reload보다 더빠르기 때문에

제거되고 나서 새로고침 되는 것으로 보이는 듯 합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

a
airs
7년 전
답변에 큰 도움이 되었습니다. 의외로 간단한 문제였네요..
스타일 시트값을 수정하면 되지 않을까 싶어 class값 주고 구현 했습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인