IE 中 jQuery fadeTo 错误的变体

Question

受到我昨天读到的一篇文章的启发，我正在努力将 Konami 代码引发的复活节彩蛋添加到 我的投资组合网站。一开始有点有趣，但是当 IE 介入时，一个看似简单的任务就变得很痛苦！

使用优秀的 jqPuzzle 插件，其想法是，在用户输入代码时页面内容淡出并被以前不可见的交互式滑块拼图所取代。我正在使用的插件通过类值将自身应用于页面上的图像。这就是它开始变得棘手的地方：（大概）因为插件需要一些时间来加载，并且因为插件仅在图像可见时加载，所以我将以下 jQuery 放在一起以首先隐藏图像，fade它在不知不觉中给了插件一个机会加载，然后再次淡出图像：

<div id="eegg">
    <img src="images/photo_name.jpg" />
</div>

...

<script type="text/javascript">
    $( init );
    function init() {
        $('#eegg img').addClass( 'jqPuzzle jqp-r3-c4-NC' ); //Puzzle settings
        $('#eegg').hide().fadeTo( 'slow', 0.000001 ).fadeOut( 'slow' );
        $('#eegg img').addClass( 'positioned' ); //Centres puzzle in browser
    }

唉，虽然这个小解决方法在 Firefox 和 Chrome 中很好地达到了目的，但 IE 7 和 8 忽略了淡入淡出的说明，只是简单地删除了图像完全不透明，稍后将其删除。真气人！

谁能指导我如何哄 IE 消除这个谜题？

或者，是否有更好的方法来强制滑块 JS“隐形”加载？

Answer 1

您所需要做的就是添加此选项以立即随机播放：

shuffle: true

Answer 2

你是一个失败者，设置类名，并等待插件接受它。你最好只使用 jQuery 语法来解决这个难题：

$('#eegg img').jqPuzzle({
    rows: 3,
    cols: 4,
    numbers: false,
    controls: {
        toggleNumbers: false
    }
});

如果你不需要用它来做淡入淡出，我不会感到惊讶。