.trans{
-webkit-transition:background-position 0.2s;
}
我有导航菜单项并将上面的过渡添加到每个菜单项。
JQuery悬停功能还可以：
$(".menuUL li").mouseover(function () {
$(this).css({'background-position':'center top','color':'white'});});
$(".menuUL li").mouseout(function () {
if(this.id == currentTab)
{$(this).css({'background-position':'center top','color':'white'});}
else
{$(this).css({'background-position':'center bottom','color':'#0196e3'});}});
并点击功能获取内容：
` $(".menuUL li").click(function(){
$(".menuUL li").not(this).css({'background-position':'center bottom','background-color':'#666666','color':'#0196e3'});
$(this).css({'background-position':'center top','background-color':'#CCCCCC','color':'white'});});
`
问题是当我单击一个菜单项并在过渡完成之前突然（在 <200 毫秒内）离开元素（鼠标移出）。发生反向转换，单击的菜单元素的背景位置回到初始位置。
我需要像 $(this).endtransition() 这样的代码
你能帮忙吗？