특정 윈도우 크기에서 jquery로 html 요소를 삽입하는 방법

Question

특정 윈도우 크기에서 jquery로 html 요소를 재구성하려고합니다. 하지만 문제가 else 문을 실행할 때, 그것은 요소를 삽입 유지하는 방법을 한 번만 실행하려면 else 문을 방지합니다. prependTo위한

$(window).on("resize", function(){ 
 
    var width = $(this).width(); 
 
    windowSize(width); 
 
}); 
 

 
function windowSize(wSize){ 
 
    if ($(window).width() < 767) { 
 
    $('.text').insertAfter('.box'); 
 
    } 
 
    else { 
 
    $('.text').prependTo('.box'); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="box"> 
 
    <p class="text">test</p> 
 
    <ul class="order"> 
 
    <li>item 1</li> 
 
    <li>item 2</li> 
 
    </ul> 
 
</div> 
 

 
<div class="box"> 
 
    <p class="text">test</p> 
 
    <ul class="order"> 
 
    <li>item 1</li> 
 
    <li>item 2</li> 
 
    </ul> 
 
</div> 
 

 
<div class="box"> 
 
    <p class="text">test</p> 
 
    <ul class="order"> 
 
    <li>item 1</li> 
 
    <li>item 2</li> 
 
    </ul> 
 
</div>

Answer 1

JQUERY 문서()

선택기, 요소, HTML 문자열 요소 jQuery와 객체의 어레이; 일치하는 요소 집합은이 매개 변수로 지정된 요소의 시작 부분에 삽입됩니다.

Else 문은 창 크기를 조정할 때마다 실행되며 창 너비가 767보다 작습니다.

또한, if ($(window).width() < 767) {는 if (wSize < 767) { 정확히 당신이 여기 달성하기 위해 무엇을 하시겠습니까?

로 대체 할 수 있습니까? 어떻게 html을 갖고 싶습니까?