Javascript - 淡入效果 Uncaught SyntaxError: missing ) 在参数列表之后

Question

我正在将一个前端站点加载到 Wordpress 上，并且编辑了一个之前运行良好的 javascript 文件以避免使用 $ 用于 jQuery 函数的任何冲突。 现在我在控制台中收到上述错误，似乎无法纠正。 正如here 所记录的那样，我在使这种效果在 Safari 上工作时遇到了问题。

这是我在 javascript 文件中的代码 -

fadein.js

$.noConflict();

jQuery(document).ready(function($) {
  var win = $(window),
    doc = $(document),
    tags = $("section");

  win.on("scroll", function() {
      tags.each(function(i, tag) {
        if ($(tag).position().top < (doc.scrollTop() + win.outerHeight())) {
          $(tag).addClass("visible");
        } else {
          $(tag).removeClass("visible");
        }
      });
    }
  });
});

以及部分不透明度的 css -

style.css

/* Fade in/out */


section {
  opacity: 0;
  -webkit-transform: translate(0, 10px); 
  -webkit-transition: all 1s;
  transform: translate(0, 10px); 
  transition: all 1s;
}

section.visible { 
  opacity: 1;
  -webkit-transform: translate(0, 0); 
  transform: translate(0, 0); 
}


/*  ---------------------- */

由于这个错误，我无法判断编辑后的代码是否可以在 Safari 上运行。它在 Chrome 和 Firefox 上运行良好。任何帮助表示赞赏。

更新 -

控制台错误读取 -

Answer 1

这里有正确的语法

$.noConflict();

jQuery(document).ready(function($) {
  var win = $(window),
    doc = $(document),
    tags = $("section");

  win.on("scroll", function() {
    tags.each(function(i, tag) {
      if ($(tag).position().top < (doc.scrollTop() + win.outerHeight())) {
        $(tag).addClass("visible");
      } else {
        $(tag).removeClass("visible");
      }
    });
  });
});

希望这会对你有所帮助。

Answer 2

只需将 js 文件的最后 4 行替换为：

    });
    }
  });
});

通过

    });
  });
});