1

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>
4

6 に答える 6

6

スクリプトにドキュメント対応関数を追加すると、機能します

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

説明：

divが存在する前に、ホバー関数をdivにバインドしています。
ドキュメント準備機能を使用すると、div が実際に使用可能になったときに関数のバインドが行われます。

于 2013-04-06T08:49:21.263 に答える
0

次のように jQuery コードをラップする必要があります。

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

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

楽しい ：）

于 2013-04-06T08:56:31.280 に答える
0

jQuery コードを内部にラップする$(document).ready(function(){});か$(function(){});、DOM 全体を表示できるようにする必要があります。

 $(document).ready(function(){
     $('div').hover(function() {
         $(this).find('.delete').show();
     }, function() {
         $(this).find('.delete').hide();
     });
 });
于 2013-04-06T08:51:27.680 に答える
0

有効な 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 用です。おそらくこれが最善の策ですが、他の DOCTYPE も利用できることに注意してください。

于 2013-04-06T08:54:12.730 に答える
0

これを試して

    <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-06T08:57:29.773 に答える
0

次のようなものを使用します。

<script>
jQuery(document).ready(function($) {
$('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
})
</script>
于 2013-04-06T08:50:12.043 に答える