Jquery显示,隐藏功能不起作用

Question

Jquery查找功能隐藏和显示不起作用,有什么问题？

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

  <script>
        $('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
  </script>


<div>
    Blah
    <span class="delete">Delete</span>
</div>

Answer 1

在脚本中添加文档就绪功能,它将起作用

  <script>
      $(document).ready(function(){
        $('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
      });
  </script>

说明:

在div存在之前,您将悬停函数绑定到div.
使用文档就绪功能,当div实际可用时,将发生功能绑定