Question

我正在创建一个网站，我的IE兼容性问题。我想解决这个问题的方法是使用一个JQuery脚本来改变与窗口成比例的图像宽度。但是，我的脚本无效。

$(document).read(function() {
        updateSizes();
        $(window).resize(function() {
            updateSizes();
        })
    });

    function updateSizes() {
        var $windowHeight = $(window).height();
        var $windowWidth  = $(window).width();
        $(".fadingImg").css("width",$windowWidth * 0.7)
    }

我尝试将+ "px"添加到$(".fadingImg").css("width",$windowWidth * 0.7)

我的JQuery实现是：

<script src="http://abrahamyan.com/wp-content/uploads/2010/jsslideshow/js/jquery-1.4.3.js" type="text/javascript"></script>

Answer 1

应该是

$(document).ready(function() {

不

$(document).read

Answer 2

您需要在正确的位置添加px

$(".fadingImg").css("width", ($windowWidth * 0.7) + "px")

您还需要确保拥有class="fadingImg"

您还需要确保将其置于准备好的块中

$(function() {
  //code here
});

Answer 3

为什么不使用CSS，而不是使用JavaScript？

.fadingImg { width: 70%; }

Answer 4

如果您的fadingImg是<img>，请尝试设置属性

$(".fadingImg").attr("width",$windowWidth * 0.7)

JQuery - 自动更改图像宽度

4 个答案: