Jquery ui animate 函数不起作用

Jquery ui animate function not working

本文关键字：不起作用 函数 animate ui Jquery      更新时间：2023-09-26

以下问题的示例 所以我尝试了以下代码(部分代码，而不是全部(：

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 函数不起作用。我在这里做错了什么吗？这与我的包含不兼容吗？谢谢。

就像您在评论中使用非常旧版本的 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托管包含 - 这是链接

把你的html代码然后我可以帮你： 如果有一些错误，我建议您打开检查器元素或Firebug：我看到一些奇怪的行，您可以纠正它们，但它不会解决您的周年纪念问题

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

什么是"菜单"和"帮助文档"，如果它们是HTML标签，你可以这样放置(Helpdoc HTML标签存在？(，如果它们是id do $('#menu'(和$('#helpdoc'(，如果它们是类做$('.menu'(和$('.helpdoc'(。然后尝试查看$('#helpdocButton'(元素前面是否有其他元素，并通过悬停和测试替换鼠标悬停。

相关文章：