2011-02-10 48 views
1

快速一個 -簡單的jQuery顯示隱藏的問題

我有一個形象的地圖,並滑過區域時,我想,以顯示相關的區域翻了個身隱藏的div。

如果我使用下面的代碼它的工作原理除了這個事實,當你仍然徘徊在選擇的區域它一直隱藏,直到那你鼠標移出格 - 即使播放功能,隱藏後?

$(".part-sp").hover(
    function() { 
     $(".map-logo").hide(); 
    }, function() { 
     $(".map-sp").show(); 
    }  
); 

任何想法?

回答

3

我不知道如果我理解正確你的問題,但似乎你困惑的hover()方法。第一個參數應該是在鼠標移到時執行的操作,第二個參數應該是在鼠標移出時執行的操作。因此,過度鼠標顯示和鼠標隱藏掉,你的函數應該是這樣的:

$(".part-sp").hover(
    function() { 
     $(".map-sp").show(); 
    }, function() { 
     $(".map-sp").hide(); 
    }  
); 
+1

好傢伙 - 我想我需要讓我的早晨咖啡 - 我一直在尋找在這個周圍的錯誤的方式!謝謝。 – squeaker 2011-02-10 11:37:18

0

即使我有點困惑你的問題。你是否說過,當鼠標移動到Div時,你不希望它永久隱藏?或者它應該淡出,然後淡出?

以及你的代碼現在是正確的,@Andy您指定的是這又是正確的另一種方式,但如果你需要的是隻是一個淡出淡入的效果,然後使用


$(".part-sp").hover(
    function() { 
     $(".map-sp").fadeOut().fadeIn(); 
    }, 
    function() { 
     $(".map-sp").show(); 
    } 
); 

我不知道,但這可能有幫助。如果你想以另一種方式翻轉淡入淡出。