如何在jQuery中还原insertAfter?

如何在jQuery中还原insertAfter?,jquery,insertafter,Jquery,Insertafter,这是我的代码: $(document).ready(function(){ function OrderDiv() { if ($(window).width() <= 1024) { $("#right1").insertAfter("#left1"); $("#right2").insertAfter("#left2"); $("#right3").insertAfter("#left3"); $("#right

这是我的代码:

$(document).ready(function(){

function OrderDiv() {
    if ($(window).width() <= 1024) {
        $("#right1").insertAfter("#left1");
        $("#right2").insertAfter("#left2");
        $("#right3").insertAfter("#left3");
        $("#right4").insertAfter("#left4");
    } else {
        // I DON'T KNOW WHAT TO WRITE HERE ^^
    }
  }
  // check when page load
  OrderDiv();  // NEW

  $(window).resize(function(){
    OrderDiv(); // check to destroy or build when we resize browser
  });

});
$(文档).ready(函数(){
函数OrderDiv(){
if($(窗口).width()
把这个放在你当前的else stmt中。
检查该元素是否存在,如果存在,请删除它,否则不要执行任何操作

把这个放在你当前的else stmt中。 检查该元素是否存在,如果存在,请删除它,否则不要执行任何操作

把这个放在你当前的else stmt中。 检查该元素是否存在,如果存在,请删除它,否则不要执行任何操作

把这个放在你当前的else stmt中。
检查该元素是否存在,如果存在,请将其删除,否则不要执行任何操作。

您可以使用CSS显示或隐藏元素,并完全避免使用JavaScript。将元素添加到HTML中,然后使用以下CSS:

#right1, #right2, #right3, #right4{
    display: none;
}

@media screen and (min-width: 1024px){
    #right1, #right2, #right3, #right4{
        display: block;
    }
}
如果每次都必须使用jQuery来删除和添加元素,那么else语句应该是:

} else {
    $('#right1, #right2, #right3, #right4').remove();
}

您可以使用CSS显示或隐藏元素,并完全避免使用JavaScript。将元素添加到HTML中,然后使用以下CSS:

#right1, #right2, #right3, #right4{
    display: none;
}

@media screen and (min-width: 1024px){
    #right1, #right2, #right3, #right4{
        display: block;
    }
}
如果每次都必须使用jQuery来删除和添加元素,那么else语句应该是:

} else {
    $('#right1, #right2, #right3, #right4').remove();
}

您可以使用CSS显示或隐藏元素,并完全避免使用JavaScript。将元素添加到HTML中,然后使用以下CSS:

#right1, #right2, #right3, #right4{
    display: none;
}

@media screen and (min-width: 1024px){
    #right1, #right2, #right3, #right4{
        display: block;
    }
}
如果每次都必须使用jQuery来删除和添加元素,那么else语句应该是:

} else {
    $('#right1, #right2, #right3, #right4').remove();
}

您可以使用CSS显示或隐藏元素,并完全避免使用JavaScript。将元素添加到HTML中,然后使用以下CSS:

#right1, #right2, #right3, #right4{
    display: none;
}

@media screen and (min-width: 1024px){
    #right1, #right2, #right3, #right4{
        display: block;
    }
}
如果每次都必须使用jQuery来删除和添加元素,那么else语句应该是:

} else {
    $('#right1, #right2, #right3, #right4').remove();
}

什么是“基本”?你不能“取消”它。它可能发生得太快,你无论如何都无法做到。你可以根据下面的答案用
remove
“还原”它。@george-很可能(我更新了我的评论),尽管我处理过类似的问题,它们的字面意思是“取消”,即:“中断当前的更改”并采取一些措施进行恢复。我想澄清的是,这不是一个这种思路有意义的情况。回到“基本”是什么?你不能“取消”它。它可能发生得太快,你无论如何都无法恢复。你可以“恢复”“根据下面的答案,
remove
。@george-很有可能(我更新了我的评论),尽管我处理过类似的问题,它们的字面意思是“取消”,即:“中断当前的更改”然后做些事情来恢复。想澄清一下,这种思路在这种情况下是没有意义的。回到“基本”是什么?你不能“取消”它。它可能发生得太快,你无论如何都无法恢复。你可以根据下面的答案,用
remove
来“恢复”它。@george-很可能(我更新了我的评论),虽然我曾经处理过类似的问题,它们的字面意思是“取消”,即:“中断当前的更改”并做一些恢复。我想澄清的是,这不是那种思维方式有意义的情况。回到“基本”是什么?你不能“取消”它。它可能发生得太快,你无论如何都无法做到。你可以根据下面的答案,用
删除
来“还原”它。@george-很可能(我更新了我的评论),尽管我处理过类似的问题,它们的字面意思是“取消”,即:“中断当前的更改”"然后做些事情来恢复。我想澄清一下,这种思路在这种情况下是没有意义的。@george,css是一种更好的方法,请使用他的方法。@george,css是一种更好的方法,请使用他的方法。@george,css是一种更好的方法,请使用他的方法。@georges非常感谢您的帮助你的回答。实际上我正在使用名为multiscroll.js的插件,我正在开发responsive。如果你能看看这个插件的html代码,你就会明白为什么我必须更改div的顺序。但是我在CSS中使用了绝对位置和顶部。@georges非常感谢你的回答。实际上我正在使用名为multiscroll.js的插件,我正在开发响应插件。如果你能查看一下这个插件的html代码,你就会明白为什么我必须更改div的顺序。但是我用CSS的绝对位置和顶部成功地做到了。@georges非常感谢你的回复。实际上我正在使用名为multiscroll.js的插件,我是w处理响应。如果你能看看这个插件的html代码,你就会明白为什么我必须更改div的顺序。但是我设法用CSS用绝对位置和顶部来完成它。@georges非常感谢你的回答。实际上我正在使用名为multiscroll.js的插件,我正在处理响应。如果你能查看一下这个插件的html代码,你就会明白为什么我必须更改div的顺序。但是我用CSS的绝对位置和顶部成功地做到了这一点。