2013-01-23 29 views
-5

jQuery的:爲什麼這個jQuery不能隱藏圖像?

$('.resume-header').hover(
     function() { 
      $('resume-header img').css('display', 'none'); 
      $('resume-header img').attr('src', 'media/resume-icon-download.png'); 
      $('resume-header img').fadeIn(400); 
     }, 
     function() { 
      $('resume-header img').css('display', 'none'); 
      $('resume-header img').attr('src', 'media/resume-icon.png'); 
      $('resume-header img').fadeIn(400); 
     } 
    ); 

注意,我的所有其他的jQuery工作。

這裏的與之對應的HTML:

  <div class="header"> 
       <div class="me-header"> 
        <a href="#"><img src="media/me-icon.png" alt="Picture of Christian Selig"><br> <span class="center-text">Contact Me</span></a> 
       </div> 
       <div class="resume-header"> 
        <a href="resume.pdf"><img src="media/resume-icon.png" alt="Resume icon" title="Click to download resume (PDF)"><br> <span class="center-text">Resume (PDF)</span></a> 
       </div> 
      </div> 
+2

'$( '恢復頭IMG')'應該是'$('。resume-header img')'。注意'.'。 –

回答

3

這是一個有效的選擇?

​​

你錯過了一個點嗎?

$('.resume-header img') 
1

你忘了類選擇點

變化

$('resume-header img').css('display', 'none'); 

$('.resume-header img').css('display', 'none');