jquery顯示，隱藏功能不起作用

jquery查找功能隱藏並顯示不起作用，怎麼回事？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>

來源

2013-04-06 Rashad

代碼工作正常，我在FF：HTTP ：//jsfiddle.net/ECssL/ – 2013-04-06 08:49:46

我使用Google Chrome – Rashad 2013-04-06 08:52:27

添加文檔準備功能，以您的腳本，它會工作

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

說明：

您結合您的懸停功能到div股利甚至存在了。
使用文檔準備函數，該函數的結合發生時的股利實際可用

來源

2013-04-06 08:49:21 Horen

感謝你，它的工作！ – Rashad 2013-04-06 08:53:42

使用這樣的事情：

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

來源

2013-04-06 08:50:12 Harpreet

您需要包裝內$(document).ready(function(){});或$(function(){}); jQuery代碼，讓它看到了整個DOM。

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

來源

2013-04-06 08:51:27 Eli

你需要一大堆其他的東西來彌補一個整體，有效的HTML頁面和一些包裝的JavaScript的延遲執行直到文檔準備與....

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
$(function() { 
    $('div').hover(function() { 
     $(this).find('.delete').show(); 
    }, function() { 
     $(this).find('.delete').hide(); 
    }); 
}); 
</script> 
</head> 
<body> 

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

</body> 
</html>

進行交互

上面的DOCTYPE是用於HTML5的，這可能是您最好的選擇，但您應該知道other DOCTYPEs are available。

來源

2013-04-06 08:54:12

需要包裝，像這樣的jQuery代碼：

$(document).ready(function(){ 
    ... 
});

例如：http://jsfiddle.net/thinkfast2008/mzx7A/

享受:)

來源

2013-04-06 08:56:31

試試這個

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


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




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

來源

2013-04-06 08:57:29

jquery顯示，隱藏功能不起作用

回答

相關問題