Question

我在1024以下的浏览器窗口大小调整后实现了一个功能，它在缩小浏览器大小时工作正常，但如果将浏览器窗口放大到1024以上，新引入的功能就会保留。如何删除或重置此功能？

$(window).resize(function() {
var width = $(window).width();

// Define Screen
if( width >= 768 && width <= 1024 ) {
// Do Something
    $(function() {
// Move
$("article img").each(function() {
    var item = $(this);
    item.insertAfter(item.next());
});        
});
} 


});

Answer 1

我不确定是否已经得到它，但是你正在移动图像，让它恢复到最初的状态，你必须将图像移回去吗？

$(function() {
    $(window).on('resize', function() {
        var width = $(window).width();

        if ( width >= 768 && width <= 1024 ) {

            $("article img").each(function() {
                var item = $(this);
                item.insertAfter(item.next());
            });        
        }else{
            $("article img").each(function() {
                var item = $(this);
                item.insertBefore(item.prev());
            });        
        }
    });
});

如何重置使用jquery媒体查询实现的功能

1 个答案: