0

我正在创建一个网站，但我遇到了 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>
4

4 回答 4

4

它应该是

$(document).ready(function() {

不是

$(document).read
于 2013-07-30T07:26:13.847 回答
0

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

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

你还需要确保你有class="fadingImg"

您还需要确保将其放在就绪块中

$(function() {
  //code here
});
于 2013-07-30T07:26:37.597 回答
0

为什么不使用 JavaScript 来解决这个问题，为什么不使用 CSS 呢？

.fadingImg { width: 70%; }
于 2013-07-30T07:28:53.680 回答
0

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

$(".fadingImg").attr("width",$windowWidth * 0.7)
于 2013-07-30T07:30:00.720 回答