0

危険なゲームを作っています。divをクリックすると、それに何らかの影響を与えたいと思います。ただし、単純な .hide を機能させることさえできません。何か案は？

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Jeopardy</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap-responsive.css" rel="stylesheet">
        <link href="css/bootstrap.css" rel="stylesheet">        
        <link href="css/customStyles.css" rel="stylesheet">     
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="js/flip.js"></script>
    </head>
    <body>
        <div class ="container"> 
            <div class="row">   
                <div class="prizeAmount">                               
                    <div class="span2">     
                        <h3 id="test">100</h3>                          
                    </div>
                    <div class="span2">     
                        <h3>100</h3>                                
                    </div>  
                    <div class="span2">     
                        <h3>100</h3>                                
                    </div>
                        <div class="span2">     
                            <h3>100</h3>                            
                    </div>
                    <div class="span2">     
                        <h3>100</h3>                        
                    </div>  
                    <div class="span2">     
                        <h3>100</h3>    
                    </div>  
                </div>
            </div>
        </div><!--close container-->
    </body>
</html>

JavaScript

$(function() {    
    $('#span2').click(function() {
        $(this).hide(400);
        /*$('#span2').hide(400);  <--tried this also */
    });
});

以前、jquery を使用してサイトのナビゲーションをアニメーション化したことがあります。明らかな何かが欠けていますか？

4

3 に答える 3

5

君の

$('#span2') // id selector

する必要があります

$('.span2') // class selector

クラスなので

于 2012-12-19T20:41:06.583 に答える
2

あなたの問題は、ドットであるクラスセレクターの代わりにid#セレクターであるハッシュを使用していることです。 .

試す

$(function() {    
    $('.span2').click(function() {
        $(this).hide(400);
     });
 });

公式ドキュメントでさまざまな jQuery セレクターの詳細を読みたいと思うかもしれません

于 2012-12-19T20:43:30.310 に答える
1

ID「span2」の要素はありません。それらはすべて CLASS=span2 です。

これを試して：

$(function() {    
 $('.span2').click(function() {
  $(this).hide(400);
 });
});

注: これは、クラス "span2" を持つすべての要素に影響し、その動作が必要ない場合は、単一の要素に ID="span2" を使用し、それぞれに一意の名前を使用します。

于 2012-12-19T20:41:53.200 に答える