jquery - 使用 jQuery 和媒体查询删除 Img 大小

Question

我希望当分辨率小于 980px 时，应该执行下面的代码（从 a 中删除宽度和高度img）。代码将如何？谢谢

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function($){

        $('img').each(function(){ 
            $(this).removeAttr('width')
            $(this).removeAttr('height');
        });
    });
</script>

Answer 1

您可以使用调整大小功能。

$(window).resize(function(){
    if( $(this).width() < 980 )
    {
        $('img').each(function(){ 
            $(this).removeAttr('width').removeAttr('height');
        });
    }
});

并在更大时将它们放回去？

$(window).resize(function(){
    if( $(this).width() < 980 )
    {
        $('img').each(function(){ 
            $(this).data("widthheight", { w : $(this).attr("width"), h : $(this).attr("height") });
            $(this).removeAttr('width').removeAttr('height');
        });
    }
    else
    {
         $('img').each(function(){ 
            if( $(this).data("widthheight") )
            {
                $(this).attr('width', $(this).data("widthheight").w)
                       .attr('height', $(this).data("widthheight").h);
             }
        });
    }
});

Answer 2

你可以让它更简洁：

jQuery(document).ready(function($){
    $('img').removeProp('width').removeProp('height');
});

Answer 3

我想我在这里找到了一个相关的堆栈溢出线程。我假设一旦检测到屏幕分辨率，您将需要编写一个简短的 javascript 函数。