Question

我有一个jQuery函数，不能在我的网站上运行。 Firebug和Chrome的检查员都没有报告任何错误。我跑了jsfiddle，它在那里工作得很好。关于问题可能是什么的任何想法？我很难过。

这是我的功能：

$("#totop").hover(
    function(){
        $(this).stop().animate({height: "50px"}, "slow");
    },
    function(){
        $(this).stop().animate({height: "20px"}, "slow");    
    }
);

Answer 1

尝试这个并且会像魅力一样工作：=）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="author" content=""/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<title></title>
<style type="text/css">
*{margin:0px;padding:0px}
#totop{width:400px;
height:20px;
position: absolute;
bottom: 0px;
left: 35%;width: 30%;
background: #78D3D9;
height: 20px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#totop").hover(
function(){
    $(this).stop().animate({height: "50px"}, "slow");
},
function(){
    $(this).stop().animate({height: "20px"}, "slow");    
}
);

});

</script>
</head>
<body>
<a href="#topofpage"><div id="totop"></div></a>
</body>
</html>

Answer 2

以下是其他提出相同问题的人的答案：

将代码包装在：

$(function() { /* your code here */ });

在jsfiddle上工作的jQuery脚本，但不在我的网站上？

2 个答案: