。隐藏不起作用

我在做一个危险的游戏。当我点击一个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

。隐藏不起作用

回答

相关问题