Question

我试图将div悬停在父容器上时显示并消失。

这是我的代码：

$(document).ready(function() {

  $(".bubble-wrapper").mouseout(function(){
    $(".bubble_news_text").hide(0);
  }).mouseover(function(){
    $(".bubble-wrapper:hover .bubble_news_text").delay(1000).show(500);
  });

});

即使我添加了延迟（1000），它也会直接显示

那是我的HTML：

            <div class="bubble-wrapper">
          <li class="breaking_news_bubble">
            <a class="breaking_news_bubble_link" href="#">
              <img src="images/fire.jpg" alt="">
            </a>

            <div class="bubble_news_text">
              <h2 class="bubble_news_title">L.A under heat!</h2>
              <p class="bubble_news_exerpt">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elit massa...
              </p>
            </div>
          </li>
        </div>

Answer 1

您应该将动画的长度传递给.show()和/或.hide()

如果动画过快，则可以通过传递一个更大的整数来增加动画，请记住，它以整数为毫秒，所以500只是半秒。

请参阅文档：

（http://api.jquery.com/show/）（http://api.jquery.com/hide/）

div即使在添加delay（）之后也直接显示

1 个答案: