javascript - jquery .fadeOut() 不是函数错误

Question

我正在使用下面的代码在一个简单的 div 中交换一些内容。

var slides = [
  [],
  [],
  [],
  []
];
slides[0]['title'] = "Content One";
slides[0]['body'] = "Here is a little bit of useful information for you to read.";
slides[0]['link-text'] = "READ MORE...";
slides[0]['URL'] = "/go/somewhere";
slides[1]['title'] = "Content Two";
slides[1]['body'] = "This is different information for you to read.";
slides[1]['link-text'] = "READ THIS INSTEAD...";
slides[1]['URL'] = "/go/elsewhere";

var overlayTitle;
var overlayBody;
var overlayLink;
var i = 0;

var overlayInterval = setInterval(overlaySlider(), 600);

function overlaySlider() {
  if (i == 1) {
    i = 0;
  } else {
    i++;
  }

  overlayTitle = slides[i]['title'];
  overlayBody = slides[i]['body'];
  overlayLink = '<a href="' + slides[i]['URL'] + '">' + slides[i]['link-text'] + '</a>';

  $("#hvoTitle").fadeOut()(400, function() {
    $(this).html(overlayTitle).fadeIn();
  });
  $("#hvoBody").fadeOut()(400, function() {
    $(this).html(overlayBody).fadeIn();
  });
  $("#hvoLink").fadeOut()(400, function() {
    $(this).html(overlayLink).fadeIn();
  });
}

一切正常，直到我到达第一个 .fadeOut，然后我收到一个错误，指出 .fadeOut 不是函数。我相信它应该在我正在使用的库的版本中。 (饱满，而不是 slim )。

这是我正在尝试使用的 fiddle :

https://jsfiddle.net/529to1w5/41/

Answer 1

问题

fadeOut()(

解决方案

fadeout(

简单的语法错误，很高兴提供帮助。