IE와 Chrome에서 Javascript가 작동하지 않습니다.

도와주세요! 마우스를 올려 놓으면 엄지 이미지 링크가 교체됩니다. Firefox와 Safari에서는 제대로 작동하지만 IE와 Chrome에는 표시되지 않습니다. 나는 Javascript를 처음 사용하므로 분명히 빠진 경우 실례합니다. 미리 감사드립니다.IE와 Chrome에서 Javascript가 작동하지 않습니다.

$(document).ready (function(){ 
var fadingImage; 
    $(".fade").hover(function(){ 
    fadingImage = $(this).find("img").eq(1); 
    fadingImage.stop(true, true).fadeIn(250); 
    }, function(){ 
    fadingImage.stop(true, true).fadeOut(250); 
    }); 
});

HTML 코드 : 여기

는 스크립트입니다

<section class="brands_list"> 
    <div style="display:block; width:290; height:160;"" class="fade"> 
     <a href="<?php echo get_bloginfo('siteurl')."/".$urlSlug."/".$brandSlug; ?>"><img src="<?php echo $brandLogo ?>" class="brand" alt="<?php echo $brandName ?>" width="290" height="160"/> 
     <img src="<?php echo $brandImage ?>" class="brand" alt="<?php echo $brandName ?>" width="290" height="160"/> 
     </a> 
    </div> 
</section>

출처

2012-05-02 user1370108

PHP가 아닌 생성 된 HTML을 표시 할 수 있습니까? – Sampson

Chrome의 Javascript 콘솔에 오류가 표시 되나요? – fcalderan

구문을 확인하십시오 - 당신은이 라인 여기에 추가 " 있습니다. 이 외에

style="display:block; width:290; height:160;""

, 당신의 코드는 크롬, 파이어 폭스, 오페라, 맥스톤 및 Safari에서와 같이 IE7-10에서 동일하게 동작하는 나타납니다. 이것은 PHP가 잘못된 태그 등을 생성하지 않는다고 가정합니다.

데모 : 모든 브라우저에서 http://jsbin.com/ikotul/edit#javascript,html

동작 제가 보는은 다음과 같다.

 
+-----------------------+ 
|      | 
|      | 
|  Not Hovered  | 
|      | 
|      | 
+-----------------------+ 
      (mouse moves over left image) 
+-----------------------+ +-----------------------+ 
|      | |      | 
|      | |      | 
|  Hovered  | | Becomes Visible | 
|      | |      | 
|      | |      | 
+-----------------------+ +-----------------------+

출처

2012-05-02 13:29:24 Sampson

IE와 Chrome에서 Javascript가 작동하지 않습니다.

답변

관련 문제