首页 文章

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

提问于
浏览 次
1

我有一个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会发生什么 . 我错过了什么吗？有人能帮助我吗？

非常感谢你 .

jquery image browser webkit

1 回答

  • 0

    尝试

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

    我在这里做了几件事：

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

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

    哦，设置CSS高度和调用.height（h）是相同的，除了它们的返回值（http://api.jquery.com/height/），因为你需要同时调用它们 .

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

    回复于

相关问题