Jquery on window resize append one time error

Question

i have a problem on window resize. I should to append one time on resize an element to anather div but it appedn more times. How can i fix it ? Here you can find an example, resize window more time and after that click on first div and you will see the problem :

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

Why do you want to use window resize if you want to append it on click? — Krzysztof Janiszewski
– Krzysztof Janiszewski, Commented May 7, 2018 at 8:11
@KrzysztofJaniszewski i have an complex code and this is just an example. So i want to have a answer to my question. — Cananau Cristian
– Cananau Cristian, Commented May 7, 2018 at 8:13

Ryuk Lee · Accepted Answer · 2018-05-07 08:37:01Z

Just check the width before append

$('.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

Updated

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

Check size want to disapear

if size is 680 it should to dessaper. Thats why i want to qrite it on resize. Your answer is on click but i want it on resize and after that click whats mean after resize you click on !

Collectives™ on Stack Overflow

Jquery on window resize append one time error

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related