javascript - jQuery 不更改 Internet Explorer 中的类或 CSS

Question

我有一个图片幻灯片，上面有一个小 DIV 用于广告文案。每次幻灯片更改时，广告框都会淡出，然后新的广告框会淡入，位置不同。

这在除 IE 之外的所有浏览器中都适用。我所有的 jQuery 动画都工作正常，但由于某种原因，框不会改变位置。 .css() 更改我的顶部/左侧值和实际使用 .attr() 更改类在 IE 中均失败。

这是更改类并显示框的JS。第一行只是从文件名 (image-6.jpg) 获取位置。

var heroPosition = vars.currentImage.attr('src').substr(-5, 1);
switch(heroPosition) {
  case "1":
    $('#hero-ad').attr('class','hero-position-1');
    break;
  case "2":
    $('#hero-ad').attr('class','hero-position-2');              
    break;
  case "3":
    $('#hero-ad').attr('class','hero-position-3');
    break;
  case "4":
    $('#hero-ad').attr('class','hero-position-4');
    break;
  case "5":
    $('#hero-ad').attr('class','hero-position-5');
    break;
  case "6":
    $('#hero-ad').attr('class','hero-position-6');
break;
}
$('#hero-ad').show("fold", {}, 1000);

代码本身有点像黑进了 Nivo 图像 slider 。

直播网站在这里http://www.sugarloaf.com/slredesignlocal/index.html

js/plugins.js 中的大部分 JS。位置的 CSS 在 css/style.css 中

编辑 我应该提一下，我尝试使用 .addClass() 和 .removeClass()，但这个方法也失败了。

Answer 1

我猜你在 IE 中遇到了这个问题，因为你使用的是带负数的 substr()。查看this post .您应该考虑使用 slice() 来获取您期望的值。