Question

我对Jquery很新，这有点超出了我的联盟。

我想将div移动到不同的位置，我可以用它完成：

$('#searchbar').insertAfter('.search-item');

现在我要做的是编写一个if语句，说明屏幕宽度是否为800px：

$('#searchbar').insertAfter('.search-item');

else（屏幕宽度超过800px）将其放回原来的位置。

我尝试过搜索但看起来非常具体。

任何想法或有更好的方法来实现我想要的东西吗？

提前感谢您的帮助！

Answer 1

你可以用jQuery做这样的事情：

$(window).on("resize", function() { //or $(window).resize(function() {
    var w = $(this).width();
    if (w < 800) {
        //do less than action
    } else {
        //do else action
    }
});

正如上面提到的一位评论员，您可以使用CSS做这样的事情。

Answer 2

您可以在移动项目之前获取其父容器中的项目索引，然后使用屏幕宽度将其移回。

像这样的东西

var searchbar = $('#searchbar');

// Get the parent container of the bar.
var parent = searchbar.parent();

// Get the starting location of the bar.
var index = parent.index(searchbar);

if($(window).width() >= 800){
    // Insert the bar after the '.search-item'
    searchbar.insertAfter('.search-item');
}
else{
    // Insert the bar in its original location
    $(parent.children()[index]).before(searchbar);
}

如何使用Jquery在特定页面宽度上向上/向下移动div

2 个答案: