2011-07-09 70 views
1

我有一個輸入窗體(#test)。有人知道如何在焦點上用jQuery顯示另一個div(#tool-tip)嗎?在窗體輸入焦點上,顯示div

<form> 
    <div id="tool-tip"></div> 
    <input id="test" /> 
    <input type="submit"> 
</form> 
+0

我敢打賭,你可以通過閱讀文檔已經發現了這一點。 – Marcin

+1

確實。我們在這裏所做的是確保這個堆棧溢出問題可能會在搜索結果中擊敗正確的jQuery文檔頁面。不好! –

+0

@Tomalak:實際上是一個相當可怕的想法... –

回答

10
$("#test").focusin(function() { 
    $("#tool-tip").show(); 
}).focusout(function() { 
    $("#tool-tip").hide(); 
}); 

使用.focusin()和它的對立面,focusout()

+0

+1:正確的解決方案,工作代碼,文檔鏈接。好人。 –

+0

@Tomalak:謝謝,沒有別的辦法來回答':)' –

+0

告訴成千上萬的答案不好的作者!雖然我現在可能會爲了這個逗號而冷落你。 –