Javascript JQuery滑块在最初选择时显示，但未滑动-IE9

下午好

我有一个IE9问题，希望有人可以帮助我。 在FF和IE10+中，滑块效果工作良好，功能正常

问题: 我有一个嵌套的div，一个隐藏，一个显示。 当我最初在outerDiv上滚动时，innerDiv显示，没有滑动效果。任何重复的翻滚动作，innerDiv都会以滑动效果出现/消失，并且功能正常

预期结果： 我想让幻灯片效果与IE9中的初始滚动配合使用

我试过了。滑动切换和。动画制作都没有成功

我认为这与时间有关…在div存在于DOM中之前调用它，但我无法确定它

我们将非常感谢您提供的任何帮助

谢谢

HTML

CSS

---

如果原因是文档尚未完全加载，则只需将其包装到document中即可。就绪：

 $(document).ready(function ()
   {
     $("#outerDivTest").addClass('visible').show("scale",{},'slow');

     $(".outerDiv").on("mouseenter", function() {
        $("#innerDivTest").addClass('visible').slideDown(1000);
     });

     $(".outerDiv").on("mouseleave", function() {
       $("#innerDivTest").addClass('visible').slideUp(1000);
     });
   }
 );

---

那不是因为文档没有加载。好的。那么，有人知道为什么它在初始悬停时不会滑动吗？后续的悬停效果很好。在JSFIDLE中尝试了您的代码，它在IE Edge和IE 9Developer模式下返回，并在文本周围画了一个圆圈。您的JSFIDLE只显示了一个球，当您鼠标进入/离开它时，它会滑动到不同的颜色。我在IE/IE9/firefox中打开了它，结果也一样。没有滑块，它只是一个球。当你第一次将鼠标滑过它时，它什么都不做（滑动、滑动）。当你用鼠标离开时，它会滑动，当你用鼠标回到它上面时，它会滑动。当您最初将鼠标悬停在它上面时，如何让它滑动？

$("#outerDivTest").addClass('visible').show("scale",{},'slow');

$(".outerDiv").on("mouseenter", function() {
  $("#innerDivTest").addClass('visible').slideDown(1000);
});

$(".outerDiv").on("mouseleave", function() {
  $("#innerDivTest").addClass('visible').slideUp(1000);
});

#outerDivTest {
  position: relative;
  top: 100px;
  left: 100px;
  background-color: #29abe2;
  border-width: 0;
  height: 100px;
  width: 100px;
  display: none;
  overflow: hidden;
  z-index: 100;
}

#innerDivTest {
  top: 0;
  height: 150px;
  width: 100px;
  background-color: #333;
}

.circle {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.visible {
  visibility: visible;
}

 $(document).ready(function ()
   {
     $("#outerDivTest").addClass('visible').show("scale",{},'slow');

     $(".outerDiv").on("mouseenter", function() {
        $("#innerDivTest").addClass('visible').slideDown(1000);
     });

     $(".outerDiv").on("mouseleave", function() {
       $("#innerDivTest").addClass('visible').slideUp(1000);
     });
   }
 );