更改页面时，悬停背景图像停留

Question

homepage上的悬停上有一些背景图像，但是当我单击链接时，背景图像仍保留在下一页上（大概是因为存在一些AJAX冲突并没有杀死悬停功能） 。

我创建了一个codepen来对发生的事情进行故障排除，并尝试添加一个mouseleave函数来杀死该图像，但是我仍然遇到相同的问题。

$(document).ready(function() {
  $('#ado').hover(function() {
    $('body').css('background-image', 'url("https://files.cargocollective.com/c169426/drone_footage.gif")');
  }, function() {
    $('body').css('background', '');
  });

  $("#ado").mouseleave(function() {
    $("#ado").css("background-image", "");
  });

  $('#workspace').hover(function() {
    $('body').css('background-image', 'url("https://files.cargocollective.com/c169426/ezgif.com-optimize.gif")');
  }, function() {
    $('body').css('background', '');
  });
});

我通读了this issue，虽然类似，但运气并不高。