我遇到了以下代码的问题:

<!DOCTYPE html>
<html>
    <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#pic').attr("src", "image.jpg");
            if ($('#pic').width() > 85)
                $('#pic').attr("width", "85px");
        });
    </script>
    <body>
        <img id="pic" src="">
    </body>
</html>


当打开浏览器并第一次浏览该页面时,它会加载原始宽度的“ image.jpg”图像。刷新后的宽度为85px。

在首次设置信号源后提醒图像的宽度时,宽度为0px。

请帮忙,
谢谢

最佳答案

您需要等待图像加载后才能引用其属性,等等。

演示:http://jsfiddle.net/7wuVb/

$(document).ready(function() {
    $('#pic').load(function() {
        if ($('#pic').width() > 85)
                $('#pic').attr("width", "85px");
    });
    $('#pic').attr("src", "https://www.google.com/logos/2014/worldcup14/closing/cta.png");
});

关于jquery - 加载图像并调整其宽度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24720560/

10-13 00:15