javascript - Jquery on window resize附加一次错误

Question

我对调整窗口大小有疑问。我应该追加一次将元素调整到另一个 div，但它追加了更多次。我该如何解决？ Here你可以找到一个例子，再调整窗口大小，然后点击第一个div，你会看到问题:

$(window).on('resize', function() {
    var windowW = $(window).width();

console.log(windowW);
        if(windowW <= 670){
          
           $('.take').on('click touchstart', function(){
                var info = $(this).text();
                $('.add').append('<p>Inormation :'+info+'</p>');
                });

          } else {
            $('.add').empty();

        }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

<div class="take">Some information </div>
<div class="add"> </div>

Answer 1

追加前检查宽度

$('.take').on('click touchstart', function(){
  var info = $(this).text();
  var windowW = $(window).width();
  if(windowW <= 670){
    $('.add').append('<p>Inormation :'+info+'</p>');
  } else {
    $('.add').empty();
  }
});    

Example here

已更新

//Disapear when >= 680
 $(window).on('resize', function() {
    var windowW = $(window).width();
    if(windowW >= 680){
        $('.add').empty();
    }
});

Check size want to disapear