jquery幻灯片效果不适用于使用百分比高度定义的图像

当我在图像上应用jquery滑动切换效果时，我发现了图像的异常行为。经过一些努力，我发现只有当图像大小以像素（px）为单位定义时，滑动效果才会起作用，但当图像大小以百分比为单位时，滑动效果就不会起作用

HTML

<a>Click Me</a>

<div class='target'>
    Hello Everyone...<br>
    <img src='http://i.imgur.com/MHfCk2B.jpg' height='200px' />
    <img src='http://i.imgur.com/MHfCk2B.jpg' height='10%' width='30%' />
</div>

这是JSFIDLE

---

暂时的解决办法是使用fadeToggle功能。

这可以通过简单地确保所有图像都定义了像素高度来解决。实际上，这也是您可以动态且非常简单地执行的操作：

$("img").height(function (_, h) { return h; });

---

我还应该指出。

只要确保所有图像都定义了像素高度，就可以解决这个问题。实际上，这也是您可以动态且非常简单地执行的操作：

$("img").height(function (_, h) { return h; });

---

我还应该指出。

我设置了一个向上和向下滑动的功能来使用它。让它在向上滑动而不是向下滑动时做得更好。叉子是空的。仍然在玩它，看看我是否能让第二张图片做得正确，两种方式都是如此。@ROYFinley，太好了，用不同的代码混合是很有趣的。它适用于向上滑动，但向下滑动仍然没有运气。也许这是jquery中的错误。我为幻灯片设置了一个函数，可以上下播放。让它在向上滑动而不是向下滑动时做得更好。叉子是空的。仍然在玩它，看看我是否能让第二张图片做得正确，两种方式都是如此。@ROYFinley，太好了，用不同的代码混合是很有趣的。它适用于向上滑动，但向下滑动仍然没有运气。可能是jquery中的bug。