使用jQuery切換股利後使其保持可見

Question

我有這樣的jQuery代碼：

http://jsfiddle.net/y8wPw/60/

我要的是打開DIV與內容後，它必須保持可見，這樣我就可以去在它並將此div用作表單（或其他用途）。但是現在，如果我從Content div製作MOUSEOUT，它會消失。

jQuery代碼：

$(document).ready(function() { 
    $(".body").hover(function() { 
     $(".desc").toggle(); 
    }) 
}) 

Answer 1

$(document).ready(function() { 
    $(".body").hover(function() { 
     $(".desc").show(); 
    }) 
    $(".close").click(function() { 
     $(".desc").hide(); 
    }) 
    $(".wrap").mouseleave(function() { 
     $(".desc").hide(); 
    }) 
}) 

http://jsfiddle.net/y8wPw/74/

這就是我一直在尋找！藉助我的一些幫助，我成功了！

謝謝大家！

Answer 2

使用.css('display', 'block')，而不是.toggle()

JSFiddle

Answer 3

爲什麼不嘗試：

$(document).ready(function() { 
    $(".body").hover(function() { 
     $(".desc").show(); 
    }) 
}) 

Answer 4

$(document).ready(function() { 
$(".body").hover(function() { 
    $(".desc").show(); 
}) 

}）

Answer 5

您可以使用mouseenter代替懸停。在這種情況下，它會在您第一次看到「幫助」按鈕時顯示，下一次它將再次關閉。

查看http://api.jquery.com/category/events/mouse-events/瞭解更多鼠標事件！

Answer 6

我已經編輯你的js小提琴代碼，方法是添加一個包裝併爲其分配事件。 我猜你修復問題:)

更新HTML以

<div id="wrap"> 
<div class="body">Hellp</div> 
<div class="desc">Any content here!</div> 
</div> 
<div class="clear"></div> 

更新的CSS

#wrap{overflow:hidden} 

更新JS

$(document).ready(function() { 
    $("#wrap").hover(function() { 
     $(".desc").toggle(); 
    }) 
}) 

鏈接http://jsfiddle.net/RUtgE/1/