Question

所以我对我正在处理的网站有一个小问题。

我有一个动态创建的popUp div，popUp windows需要响应，所以问题是我想在窗口宽度低于768px时在popUp中交换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);

所以此刻，我在文字后得到了图像。

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

Answer 1

将两个元素交换在一起，你可以使用 .insertBefore（）或/和 .insertAfter（）这样的东西

>>> mydict = {0:obj0,5:obj1,4:obj3,7:obj4}

Working Example

Jquery在调整大小时交换div

1 个答案: