0

我正在开发一个响应式站点，当屏幕达到一定大小时，我想在元素之前添加一些断线来移动东西。我已经做到了这一点。

jQuery(window).resize(function () {
    var WINDOW = jQuery(window).width();

    console.log(WINDOW)

    if (WINDOW < 1025) {
        jQuery('<br /><br />').insertBefore('#FILTER_ADVANCED');
    }

});

当窗口回到 1025 以上时，有什么方法可以删除这些断线？我想我正在寻找 insertBefore() 的反面。

我希望能够调整浏览器的大小并观察一切都跳到位，我知道这毫无意义，但我做不到的事实让我很恼火。

谢谢。

我可以将 jQuery 封装在媒体查询中吗？

4

2 回答 2

2

钝解。像这样的东西：

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

    console.log(WINDOW)

    if (WINDOW < 1025) {
        jQuery('<br /><br />').insertBefore('#FILTER_ADVANCED');
    } else {
        jQuery("#FILTER_ADVANCED").prev("br").remove();
        jQuery("#FILTER_ADVANCED").prev("br").remove();
    }

});
于 2013-07-29T15:51:24.383 回答
0

您知道“响应式”设计并不意味着它可以响应用户更改屏幕尺寸，而是在不同尺寸的屏幕（即移动设备和桌面设备）上都能很好地显示。

你可以使用 CSS 来做同样的事情，有一个类似这样的 css 规则（我想。我不做太多 css）：

// big screen - no padding
@media (min-width:1024px) 
{ 
  #FILTER_ADVANCED padding-top: 0px
}

// small screen - some padding
@media (max-width:1024px) 
{ 
  #FILTER_ADVANCED padding-top: 10px
}
于 2013-07-29T15:53:11.750 回答