如何觸發懸停鼠標時，對孩子的div

我有這樣的：如何觸發懸停鼠標時，對孩子的div

<div id='hasHover'> 
    <div id='inner-button' style='display:none'>Click</div> 
</div> 

$('#hasHover').hover(function(){ 
    $('inner-button').toggle(); 
});

這工作得很好。但是，當我將鼠標移動到按鈕上時，該按鈕消失（或快速閃爍）。當鼠標懸停在div（包括子div）上時，如何確保按鈕保持不變？

來源

2013-03-01 texasbruce

'#hasHover：懸停格{顯示：塊}' – undefined 2013-03-01 04:46:05

@undefined我想，當我把它的工作原理'顯示：塊important'。如果我不重要，這是行不通的。這是爲什麼？ – texasbruce 2013-03-01 05:14:40

@undefined哦，我明白了。之後我放了'display：none'。 – texasbruce 2013-03-01 05:16:05

$('#hasHover').hover(function(e) { // <-- Create event argument 
    if(e.target.id == "hasHover") { // <-- Check the ID of the div on which event fired 
    $('#inner-button').toggle(); // <-- You missed # here 
    return false; 
    } 
    else { 
    return false; 
    } 
});

來源

2013-03-01 04:47:10

你的意思是'id =='hasHover''？ – texasbruce 2013-03-01 05:02:22

此外它仍然閃爍，雖然沒有那麼頻繁。我不確定是否有更好的解決方案來切換按鈕？ – texasbruce 2013-03-01 05:04:13

你可以創建一個小提琴嗎？ http://jsfiddle.net/ – 2013-03-01 05:05:49

檢查目標ID

$('#hasHover').hover(function(e) { 
    if(e.target.id = "hasHover") { 
     $('inner-button').toggle(); 
    return false; 
    }else { 
    return false; 
    } 
});

來源

2013-03-01 04:48:22 EnterJQ

如何觸發懸停鼠標時，對孩子的div

回答

相關問題