javascript - 使用 jQuery 运行 JavaScript 函数构建时出现问题

Question

我有一个函数

function imageDefer() {
   $('img').each(function(){
      $(this).attr('src', $(this).attr('data-defer'));
   });
}

现在我想以这种方式运行这个函数

$(document).ready(function () {
    imageDefer();
});

这是我的 html

<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-defer="thumbnail.jpg">

JavaScript 和 jQuery 代码放置在单独的 .js 文件中，但它确实有效。

Answer 1

实际发生的情况是，您在函数位于 document.ready 范围之外时调用该函数。

尝试在 document.ready 中声明您的函数:

$(document).ready(function () {

    function imageDefer() {
        $('img').each(function() {
            $(this).attr('src', $(this).attr('data-defer'));
    });

    imageDefer();
});