鼠標懸停鼠標移開和使用jQuery的問題與輸入字段

Question

OLD CODE

我有一個問題，當我在我的「＃搜尋」分區然後滑動它像我應該做的，鑽的問題是，當它的幻燈片它會顯示一個搜索輸入字段，當鼠標移過該輸入字段時，它開始運行鼠標輸出函數，我已經停止了這一點，只要將一個if鼠標放在帶有空函數的#search輸入上，但是當我的鼠標離開輸入和「＃搜索」潛水它不會運行動畫返回功能。

這裏是我的腳本

$("#search").mouseover(function(){ 
    $(this).animate({"left": "0px"}, 500); 
}); 
$("#search").mouseout(function(){ 
    if($("#search input").mouseover()){ 
     return false 
     } 
    else { 
    $(this).animate({"left": "-282px"}, 500); 
    } 
}); 

我該怎麼辦錯了嗎？還是有人有解決方案？我是新來的jQuery所以剛開始學習:)和我搜索谷歌和最後2天的文件，也許它只是我這是盲目的，這就是爲什麼我需要你的幫助：

編輯：NEW CODE & JS FIDDLE

我需要做不同的搜索條，所以我只是再次做了代碼，現在需要點擊語句。在的jsfiddle

看看這裏

http://jsfiddle.net/D7s45/2/

這是jQuery的我想創造:)

Answer 1

var t, isout=true; 
$("#search").children("form").children().mouseover(function() { 
    clearTimeout(t); isout = false; 
}); 

$("#search").children("form").children().mouseout(function() { 
    isout = true; 
    tout = setTimeout(function() { $("#search").animate({ "left": "-282px" }, 500); }, 100); 

}); 

$("#search").mouseover(function() { 
    if (isout) $(this).animate({ "left": "0px" }, 500); 
    clearTimeout(t); isout = false; 
}); 

$("#search").mouseout(function() { 
    isout = true; tout = setTimeout(function() { $("#search").animate({ "left": "-282px" }, 500); }, 100); 
}); 

Answer 2

嘗試徘徊在輸入時，在停止傳播：

$("#search input").hover(function(e) { 
    e.stopPropagation(); 
}, function(e) { 
    e.stopPropagation(); 
}); 

您的常規代碼爲＃搜索div應該正常運行。