试图通过悬停或鼠标悬停和-out来实现jquery的“盲”效果，但到目前为止还没有运气。有任何想法吗？

Question

我的灵感来自以下链接：https://www.tutorialspoint.com/jquery/effect-blind.htm

我试图通过鼠标悬停和-out并垂直滑动将其几乎实现，但是还没有成功...

$(document).ready(function() {
  $(".player").mouseover(function() {
    $(".player").hide("blind", { direction: "down" }, 1000);
  });
  $(".player").mouseout(function() {
    $(".player").show("blind", { direction: "up" }, 1000);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="player">
  ssdssdffsf
</div>

Answer 1

似乎您缺少jQuery UI扩展

将此脚本添加到您的文档中，效果应该会起作用

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>

这是提供的教程中使用的脚本。到目前为止，可能还会有更多的jQuery UI更新版本。