定义为 VAR 的运行函数

Question

我遇到了Don't load hidden images ...并想运行函数reveal。

$(function () {
       $("img").not(":visible").each(function () {
           $(this).data("src", this.src);
           this.src = "";
       });

       var reveal = function (selector) {
           console.log("Viser billeder");
           var img = $(selector);
           img[0].src = img.data("src");
       }
    });

但是怎么做呢？

如果我这样做：

reveal();

它在控制台中返回：

reveal is not defined

我该怎么称呼它？

Answer 1

reveal 只能在以下定义：

   var reveal = function (selector) {
       console.log("Viser billeder");
       var img = $(selector);
       img[0].src = img.data("src");
   }

在下一行的}); 之前，因为它是匿名函数私有的。

编辑

查看 jsfiddle 中的代码后，您遇到了另一个错误。首先它仍然不起作用的原因是因为在您接受@ShankarSangoll 的建议并在外部范围中添加var reveal 之后，您在内部范围中也保留了var 关键字，所以现在您只有两个名为@987654326 的变量@，外部的仍然未定义。如果您从内部删除var，它将被定义。

但是，您在 $(document).ready(function(){ ...}; 中有一个 $(function(){ ...});，这是多余的，因为您知道文档已经在您的 ready 函数中准备就绪。您可以将代码更改为：

$(function() {
    var reveal;
    console.log("Billeder vises");
    $("img").not(":visible").each(function() {
        $(this).data("src", this.src);
        this.src = "";
    });

    var reveal = function(selector) {
        var img = $(selector);
        img[0].src = img.data("src");
    }

    reveal();
});

或完全删除 $(function(){ ...}); 包装器，因为这会延迟您的脚本。您还需要将选择器传递给 reveal()，但我想您知道 :)

Answer 2

您正在访问其范围之外的变量。 var/function (reveal) 是在父函数 ($(function(){...) 的内部定义的，因此它只能在该父函数的内部使用，因为它是本地的（就像任何其他局部变量一样你定义）。

Answer 3

像这样在全局范围内定义显示，它应该可以正常工作。

var reveal;

$(function () {
       $("img").not(":visible").each(function () {
           $(this).data("src", this.src);
           this.src = "";
       });

       reveal = function (selector) {
           console.log("Viser billeder");
           var img = $(selector);
           img[0].src = img.data("src");
       }
    });