IE

Question

jQuery fadeTo錯誤的一個變種受我昨天讀的文章的啓發，我努力將一個Konami代碼誘導的復活節彩蛋添加到my portfolio website。它起初有點兒有趣，但是，當IE介入時，一個看起來很簡單的任務就變成了一種不幸的事情！

使用優秀的jqPuzzle plugin，這個想法是，當用戶輸入代碼時，頁面內容淡出並被先前不可見的交互式滑塊拼圖代替。我正在使用的插件通過類值將其自身應用於頁面上的圖像。這裏是開始變得棘手的地方:(大概），因爲它需要一段時間來加載插件，並且因爲該插件只在圖像可見時加載，所以我已經將以下jQuery放在一起以便首先隱藏圖像，淡入淡出它在潛移默化地給插件一個機會來加載，然後再次淡出出來的圖像：

<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 
    } 
}); 

如果你沒有需要做的衰落與此它不會讓我感到吃驚。