復位淡出爲css中定義的不透明度

Question

我有一個問題，停止jQuery fadeOut效果，並讓它返回到css文件中指定的正確不透明度。

當鼠標進入.item時，.editing div立即以css中定義的不透明度90％顯示。現在，當鼠標在淡出期間離開並重新進入時，不透明度會停留在當前淡出不透明度水平。請參閱this jsFiddle

我能找到的全部內容是您應致電stop()後致電opacity(100)。看到這個Q/A。問題是這對我不起作用，因爲我想將它重置爲css中定義的90％。

任何人都知道如何做到這一點，而不用硬編碼JavaScript中的正確不透明度？

HTML

<div class="list"> 
    <div class="item"><div class="editing">edit</div></div> 
    <div class="item"><div class="editing">edit</div></div> 
    <div class="item"><div class="editing">edit</div></div> 
    <div class="item"><div class="editing">edit</div></div> 
</div> 

CSS

.editing { 
    display: none; 
    opacity: 0.9; 
    filter: alpha(opacity=90); 
} 

的JavaScript

$(".item").hover(function() { 
    // enter 
    $(".editing", this).stop(); 
    $(".editing", this).show(); 
}, function() { 
    // leave 
    $(".editing", this).fadeOut(1000); 
}); 

Answer 1

您將要設置的jumpToEnd參數，像這樣做：

$(".item").hover(function() { 
    // enter 
    $(".editing", this).stop(true, true).show(); 
}, function() { 
    // leave 
    $(".editing", this).fadeOut(500); 
}); 

看到這裏供參考：
http://api.jquery.com/stop/#stop-clearQueue-jumpToEnd

小提琴：

http://jsfiddle.net/QShwJ/2/