JavaScript 无法在 IE 和 Chrome 中运行

Question

请帮忙!我有一个拇指图像链接在悬停时交换。它在 Firefox 和 Safari 中工作正常，但在 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>

Answer 1

检查你的语法 - 这一行有一个额外的 "。

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

除此之外，您的代码在 IE7-10 中的行为似乎与在 Chrome、Firefox、Opera、Maxthon 和 Safari 中的行为相同。这假设您的 PHP 不会生成格式错误的标签或任何内容。

演示:http://jsbin.com/ikotul/edit#javascript,html

我在所有浏览器中看到的行为如下。

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