jquery .fadeOut()不是函数错误

时间:2018-04-20 19:20:28

标签: javascript jquery

我正在使用下面的代码在一个简单的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不是一个函数。我相信它应该在我正在使用的库的版本中。 (完整,不苗条)。

这是我试图开始工作的小提琴:

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

1 个答案:

答案 0 :(得分:2)

<强>问题

fadeOut()(

<强>解决方案

fadeout(

简单的语法错误,很乐意提供帮助。