jQuery UI animate函數不起作用

Question

以下是關於一個問題的示例，因此我嘗試了以下代碼（部分代碼而非全部內容）：

function fadeDivIn(){
    $('#helpdocButton').animate({backgroundColor: "#ed3" }, 4000, function(){fadeDivOut();});
}

function fadeDivOut(div){
    $('#helpdocButton').animate({backgroundColor: "#3de" }, 4000, function(){fadeDivIn();});
}

$(function() {

  $('#helpdocButton').click(function(){
    $('menu').hide('slow');
    $('helpdoc').show('slow')
  });

  $('#helpdocButton').mouseover(function(){
    fadeDivIn();//it should start the .animate
  });
});

我的包括：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

我的風格：

#helpdocButton {
  width: 67px;
  height: 40px;
  background-color: #00ffff;
  moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 5px solid #00ffff;
  padding: 5px;
  opacity: 0.45;
}

#helpdocButton:hover {
  -webkit-transition-duration: .90s;
  opacity: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

那么，為什么動畫沒有作用？ 我試圖從文檔加載而不是從Mousover開始使它生效，但這也不起作用。 我還在代碼中的許多其他div上嘗試過它。 動畫沒有任何作用。 其他所有功能都可以正常使用，但是fadeDivIn函數不起作用。 我在這里做錯什么嗎？ 這與我的包含內容不兼容嗎？ 謝謝。

Answer 1

就像評論中所說的那樣，您使用的是非常老版本的jquery和相當新的jquery ui版本...我會把我的錢花在那里的一些不一致之處上。

嘗試將包含行更新為：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

並嘗試一下，如果將來您需要更多Google托管的內容，請點擊此處。

Answer 2

放置您的html代碼，然后我可以為您提供幫助：如果存在某些錯誤，我建議您打開Inspector元素或螢火蟲：我看到一些奇怪的行可以糾正它們，但無法解決動畫問題

$('menu').hide('slow');
$('helpdoc').show('slow')

什么是'menu'和'helpdoc'，如果它們是html標記，則可以這樣放置（helpdoc html標記存在嗎？），如果它們是id，則執行$（'＃menu'）＆$（'＃helpdoc'），如果它們是類執行$（'。menu'）和$（'。helpdoc'）。 然后嘗試查看$（'＃helpdocButton'）元素前面是否還有其他元素，然后將鼠標懸停替換為懸停和測試。