问题
Hi What is wrong with my code here:
When I hover over #open #pull_down_content should be moving down the page from the header and when I move away from #open it should move back up. But when I test the code as soon as the page loads #pull_down_content moves down the screen before I even hover over it.
$(function() {
//Open on hover
$('#open').hover((function(){
$('#pull_down_content').animate({'top':'-0px'},1000);
})
//Close when not hovered
(function(){
$('#pull_down_content').animate({'top':'-340px'},1000);
})
});
);
回答1:
Try fixing your function like below,
$(function() {
$('#open').hover(function(){ //Open on hover
$('#pull_down_content').animate({'top':'-0px'},1000);
},
function(){ //Close when not hovered
$('#pull_down_content').animate({'top':'-340px'},1000);
});
});
回答2:
Just need a little fix
$('yourElement').hover(
function(){
// hover code
}, function(){
// unhover code
}
);
来源:https://stackoverflow.com/questions/11142153/jquery-hover-not-working