jquery ui로 jquery 애니메이션 (텍스트) 색상

Question

<!-- include Google's AJAX API loader --> 
<script src="http://www.google.com/jsapi"></script> 
<!-- load JQuery and UI from Google (need to use UI to animate colors) --> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#menuknop1").hover(function() { 
    $(this).animate({"color":"black"}, "slow"); 
}, function() { 
    $(this).animate({"color":"white"}, "slow"); 
}); 

}); 
</script> 

<div id="menuknop1"><i>Home</i></div> 

텍스트를 검정색으로 바뀌고 영역을 벗어날 때 텍스트가 검정색이되도록 애니메이션 코드를 적용하려고합니다. 왜 이것이 효과가 없습니까?

Answer 1

첫

로드 jQuery를 - jQuery를-UI는 jQuery를 자체 플러그인이며, 포함되지 않은 : 그 외에

<!-- load JQuery and UI from Google (need to use UI to animate colors) --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

, 당신의 코드는 여기에 잘 작동합니다 : http://jsfiddle.net/mblase75/pMeJc/ - 당신이 jQuery를 1.7 사용할 제공 .2.

jsFiddle은 jQuery 1.8.0, so apparently it's not compatible with that version으로 jQuery UI 1.8.18을 선택할 수 없습니다. jQuery-UI 웹 사이트에 따르면 " 1.8.23 fixes all known issues with jQuery 1.8.0"