时间戳

首页 > 解决方案 > 在 src 更改时，即使 src 无效

javascript - 在 src 更改时，即使 src 无效

问题描述

我有这样的简单图像：

<img id="ddd" src="/someimage.jpg" /> <!-- valid image -->

现在点击按钮我改变它是这样的：

<script>
    function Change() {
        $("#ddd").prop("src", "/someOtherImage.jpg"); <!-- valid image -->
    }
</script>

除此之外，当它像这样改变时，我会听：

<script>
    $(function() {
        $("#ddd").on("load", function() {
            alert("changed");
        });
    });
</script>

并且像这样它可以工作，但是当我将它设置为这样的无效图像时它不起作用：

<script>
    function Change1() {
        $("#ddd").prop("src", "/savsavsa.jpg"); <!-- invalid image -->
    }
</script>

或者

<script>
    function Change1() {
        $("#ddd").prop("src", "none"); <!-- invalid image -->
    }
</script>

或者

<script>
    function Change1() {
        $("#ddd").prop("src", "#"); <!-- invalid image -->
    }
</script>

在上述 3 项中均未触发load事件。我尝试了change事件但也没有工作。当我检查img 它确实发生了变化。

标签： javascriptjquery

解决方案

该load事件在图像加载时触发，而不是在src更改时触发。

如果您将 src 更改为无法成功加载图像的内容，那么很自然没有load事件。

试试这个error事件。

推荐阅读