Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
if(screen.width == 500) { var e = $('.element').remove(); $('.box').append(e); }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .area{ display: flex; flex-flow:row wrap; } .box{ flex:1; min-width:400px; border:1px solid #000; height: 300px; margin:0 10px; } .element{ padding:10px 25px; background:#000; color:#fff; display:inline-block; } </style> <body> <div class="area"> <div class="box"> <div class="element">Этот блок с классом 'element' нужно перенести, допустим при разрешении 500px</div> </div> <div class="box"> нужно перенести в этот бокс</div> </div> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script> <script> if ($(document).width() < 500) { var e = $('.element').remove(); $('.box').append(e); } </script> </body> </html>
Можешь подсказать почему блок не удаляется при переносе?
Простой
