當我將鼠標移開時，如何在懸停時將其保持打開狀態，然後將其關閉？

我現在正在使用此代碼。每次我將鼠標懸停在它打開的選項卡上，但是當我嘗試點擊中的鏈接時，它會自動關閉。當我將鼠標移開時，如何在懸停時將其保持打開狀態，然後將其關閉？

<script src="jquery.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#click").hover(function(){ 
    $("#guts").slideToggle("fast") 
}) 
}) 
</script> 
#click{ 
    margin-bottom:4px; 
    padding:1px; 
    text-transform:uppercase; 
    letter-spacing:1px; 
    text-align:center; 
    background:#ffffff; /*tab 1 background color*/ 
    border:1px solid #000000; 
    padding:1px; 
    display:block; 
    -webkit-transition: all 0.1s ease; 
    -moz-transition: all 0.1s ease; 
    transition: all 0.1s ease; 
} 
#guts{ 
    padding:1px; 
    display:none; 
}

來源

2014-10-09 Javier Contreras

懸停你可以檢查此。 http://jsfiddle.net/f7zJ7/1/ – 2014-10-09 03:09:50

你有沒有嘗試過使用CSS？ – Ryan 2014-10-09 03:11:27

你可以請發佈完整的代碼嗎？ html + js + css。或者可能是您嘗試過的jsfiddle或codepen的鏈接。 – krozero 2014-10-09 03:14:46

想在這裏看到的是，你有相關與＃點擊ID懸停事件而已，所以每當#guts ID下滑和你走在#guts ID，你離開＃點擊，所以關閉視圖。

嘗試使用雙方即

$(document).ready(function(){ 
    $("#click, #guts").hover(function(){ 
     $("#guts").slideToggle("fast") 
    }) 
})

來源

2014-10-09 03:45:11 stackMonk

當我將鼠標移開時，如何在懸停時將其保持打開狀態，然後將其關閉？

回答

相關問題