Question

我有一个显示车牌的网站，车牌上有一个图像和一个边框，彼此相邻。如果关闭，则用户可以选择打开或关闭图像，边框会填满整个印版。如果图像打开，则边框宽度将相应调整。我的工作正常，但是，对于不同的断点，边框需要稍微调整，我需要使用jQuery来实现。

要使上述工作不进行媒体查询，我正在使用以下代码（#gb前缀是图像，＃plateBorder是边框）：

jQuery(document.body).on('change','#gb-prefix',function(){
    if(jQuery('#gb-prefix').val() == 'Yes')
    {
        jQuery("#plateBorder").css({"width": "91%", "left": "60px"});
    }
    else {
        jQuery("#plateBorder").css({"width": "98%", "left": "7px"});
    }
});

这对于1200px以上的像素都适用。

我正在使用引导程序断点，因此需要使用这些尺寸。

有人可以说明如何使用

jQuery(window).resize(function()

我已经在使用什么？

使用带有媒体查询的jquery将CSS规则应用于选择器

0 个答案: