Question

我有一个mypic类的图像

我正在使用load事件来设置此图像的宽度和高度：

$(window).load(function() { 
    //Here I calculate final w and h  
    $('.mypic').css("width",w);
    $('.mypic').css("height",h);
    $('.mypic').height(h);
    $('.mypic').width(w);
});

在firefox中我没有任何问题，但在webkit浏览器中没有设置高度，我不知道为什么。这很奇怪，因为宽度设置没有问题。不知道safari和chrome会发生什么。我错过了什么吗？有人能帮助我吗？

非常感谢。

Answer 1

尝试

$(function() {
   //put your code here
  $('.mypic').css({
    'width': w,
    'height': h
  });
});

我在这里做了一些事情：

将它全部封装在函数中并将其传递给jQuery对象（$）将确保它在文档加载时运行（另一个方便使用$）。

您可以使用要设置的属性的JSON对象对CSS进行一次调用。

哦，设置CSS高度和调用.height（h）是相同的，除了它们的返回值（http://api.jquery.com/height/），并且，因为你没有使用返回值，所以你不需要调用两者。

无论如何，经过测试，它可以在Chrome和Safari中使用。

在webkit浏览器中使用jquery设置图像的宽度和高度

1 个答案: