Javascript - 淡入效果未捕获语法错误 : missing ) after argument list

标签 javascript jquery css wordpress

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

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

淡化.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 -

样式.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 上运行良好。任何帮助表示赞赏。

更新 -

控制台错误读取-

Console

Console error

最佳答案

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

    });
    }
  });
});

通过

    });
  });
});

关于Javascript - 淡入效果未捕获语法错误 : missing ) after argument list,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46871261/

相关文章:

javascript - 如何在 mvc 4 中显示任何选定记录的详细信息

javascript - 如何将不同事件的变量一起调用?

html - 如何用颜色填充 100% 的网页

javascript - 使用 javascript 计算单独总和的问题

javascript - 如何在 puppeteer 和 headless Chrome 中使用代理?

javascript - 如何在表格中查找下一个直接下载单元格

javascript - 在加载完整页面之前使用 JavaScript 获取浏览器记住的滚动位置

CSS父级高度自动,填充子级高度100%

javascript - Discord.io 通过 Discord Bot 发送图像 - NodeJS

javascript - CSS `Position: Fixed` 不在滚动条上移动