Javascript Jquery在调整大小时交换div

所以我有一个小问题，我的网站工作

我有一个动态创建的弹出div，弹出窗口需要响应，所以问题是当窗口宽度低于768px时，我想在弹出窗口内交换2个div

我不会用我庞大的代码来污染它，但会简化它

(function($) {
function resize() {
var $window = $(window);
    if ($window.width() < 768) {
        add/remove classes
    }
}
function viewEvent {
    $("div.main_view").prepend("<div class='row popUp' id='popUp' style='max-width:700px; margin-right:5px;'></div>");
   $popUp.append("<div class='inner_boxed col-xs-12 col-sm-7 col-md-7 col-lg-7' id='inner'></div>");
   var $text = $("div#text");
   $text.append(lorem);
   var $img = ("<div class='col-xs-12 col-sm-5 col-md-5 col-lg-5' id='img' style='margin-top: 1.5rem; min-height: 250px;'><img src='img/train_deal.jpg'></div>");
   $popUp.append($img);
   resize();
}
 viewEvent();
 $window
        .resize(resize)
        .trigger('resize');
})(jQuery);

（函数（$）{
函数resize（）{
变量$window=$（window）；
如果（$window.width（）<768）{
添加/删除类
}
}
函数viewEvent{
$（“div.main_view”）。前置（“”）；
$popUp.append（“”）；
var$text=$（“div#text”）；
$text.append（lorem）；
var$img=（“”）；
$popUp.append（$img）；
调整大小（）；
}
viewEvent（）；
$window
.调整大小（调整大小）
.trigger（'resize'）；
})（jQuery）；

所以现在，我得到了一个接一个的图像

---

因此，当宽度达到768或更低时，我希望我的图像显示在文本之前，当宽度达到768或更高时，我希望它全部返回。

要交换相邻的两个元素，可以使用.insertBefore（）或和.insertAfter（）类似的方法

$(document).ready(function(){
   $(window).on('resize' , function(){
            resize('#div1' , '#div2');
   });

});

function resize(el1 , el2){
    var $window = $(window);
    if($window.width() <= 400){
         $(el2).insertBefore(el1);
    }else{
         $(el2).insertAfter(el1);
    }
}

$（文档）.ready（函数（）{
$（窗口）.on（'resize'，function（））{
调整大小（'div1'，'div2'）；
});
});
函数调整大小（el1、el2）{
变量$window=$（window）；
如果（$window.width（）很抱歉，我会修复它，我有一个变量用于该变量
$window=$（window）；
函数viewEvent{应该是函数viewEvent（）{什么是$popUp。它是必需的吗？所有的功能都有效。我想问的是，当你调整大小时，有没有办法交换2个div？我不想复制/粘贴我所有的分区code@AndrejsGubars当然不客气。我是说代码中的语法错误。你应该知道javascript/jquery有越来越多的函数来解决不同的问题租赁案例..所以代码可以与您的结构一起工作，但不能与其他结构一起工作..我的代码非常通用，只是为了让您知道如何相邻交换2个元素..但是如果您的元素不是下一个元素，那么这将不起作用..这就是为什么我试图让您发布一个无错误的工作代码，以便为您的案例提供解决方案..一个嗯……祝你好运：）