如何隱藏jquery ui選項卡狀態欄URL

Question

我使用下面的方法來隱藏狀態欄消息。

<a href="javascript:void(0)" onfocus="blur()" id="test">TEST</a> 
$('#test).click(function(){ 
    ... 
} 

我怎麼能隱藏標籤狀態欄中的網址，而我將鼠標放置？

Answer 1

使用hover()同時管理mouseenter和mouseleave的方法。

$('#test').hover(function(){ 
    $('#statusElement').toggle()/* hide or show*/ 
}) 

hover()也可以採取第二個功能參數爲mouseleave事件

$('#test').hover(function(){ 
    /* first function is mouseenter*/ 
    $('#statusElement').show(); 
},function(){ 
    /* second function is mouseleave*/ 
    $('#statusElement').hide(); 
}); 

API參考： 「鼠標懸停」 http://api.jquery.com/hover/