。隱藏不起作用

我在做一個危險的遊戲。當我點擊一個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來之前在網站上的動畫導航。我錯過了明顯的東西？

來源

2012-12-19 Anthony

，嘗試'.span2'代替 – Jack

參考到[jQuery ID Selector]（http://api.jquery.com/id-selector/）和[jQuery類選擇器]（http://api.jquery.com/class-selector/）文檔 – PhearOfRayne

你的問題是，你正在使用的哈希#這是id選擇，而不是class選擇這是一個點.。

嘗試

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

您可能希望將使用ID選擇，而不是類選擇更多不同的jquery選擇讀了官方documentation

來源

2012-12-19 20:43:30 Jack

wow..duh 。感謝大家。 – Anthony

僅供參考，'＃'是一個散列，'＃！'是一個hash-bang。 – Waxen

@Waxen謝謝，相應編輯。 – Jack

你

$('#span2') // id selector

應該

$('.span2') // class selector

因爲它是一個類

來源

2012-12-19 20:41:06

你不必用ID 「跨度2」的任何元素，它們都是CLASS =跨距2。

試試這個：

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

注：這將影響與類「跨度2」的元素，如果你不希望這樣的行爲，然後使用ID =「跨度2」爲一個單一的元素，並使用每個的唯一名稱。

來源

2012-12-19 20:41:53

。隱藏不起作用

回答

相關問題