Question

我在窗口调整大小时遇到问题。我应该追加一次将一个元素调整为anather div，但它会更多次。我该如何解决？在这里你可以找到一个例子，调整大小窗口更多时间，之后点击第一个div，你会看到问题：

＆＃13;

$(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();

        }
    });

＆＃13;

<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>

＆＃13;

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

窗口调整大小的Jquery追加一次错误

1 个答案: