Question

我试图在ajax调用完成后淡出预加载器但是预加载器没有淡出引发错误：Uncaught TypeError: preloader.fadeOut is not a function

下面是我的代码

var preloader = document.getElementsByClassName('spinner')[0];
var _setheaderimg = function(response){
    preloader.fadeOut();
}

我在stackoverflow中尝试过，但没有变得富有成效。

Answer 1

fig = plt.figure(figsize=(9,6)) fig.suptitle('Algorithm Comparison') ax = fig.add_subplot(111) plt.plot(results) ax.set_xticklabels(names) plt.show()是一个jQuery方法，但document.getElementsByClassName（...）[0]返回一个HTML元素。您不能在HTMLElements上使用jQuery方法。应该避免混合普通的javascript和jQuery。所以你需要使用jQuery来选择元素

fadeOut

Answer 2

你这里没有使用jQuery：

document.getElementsByClassName('spinner')[0];

那是香草JS。你需要使用：

var preloader = $(".spinner");

代替

Answer 3

使用Jquery库

$('.spinnter').first().fadeOut()

Answer 4

使用纯javascript：

var preloader = document.getElementsByClassName('spinner');
   for(let fadeElement of preloader){
    var fadeEffect = setInterval(function () {
    if (!fadeElement.style.opacity) {
        fadeElement.style.opacity = 1;
    }
    if (fadeElement.style.opacity > 0) {
        fadeElement.style.opacity -= 0.1;
    } else {
        clearInterval(fadeEffect);
    }
  }, 200);
}

demo

fadeOut不能使用jquery

下面是我的代码

4 个答案: