我有兩個div。說div1和div2。默認情況下div2是不可見的。請幫助onjquery懸停
當用戶懸停在div1上時,我需要顯示div2。現在,如果div2懸停,那麼我需要繼續顯示此div2(即使div1不再徘徊),否則將div2的可見性重置爲隱藏。
如何讓div2在懸停時可見?
我有兩個div。說div1和div2。默認情況下div2是不可見的。請幫助onjquery懸停
當用戶懸停在div1上時,我需要顯示div2。現在,如果div2懸停,那麼我需要繼續顯示此div2(即使div1不再徘徊),否則將div2的可見性重置爲隱藏。
如何讓div2在懸停時可見?
在這裏你去:
var overSubmenuFlag = false;
$('#div1').mouseover(function(){
$('#div2').show();
});
$('#div1').mouseout(function(){
setTimeout(function(){if(overSubmenuFlag)return;$('#div2').hide();},100);
});
$('#div2').mouseover(function(){
overSubmenuFlag = true;
});
$('#div2').mouseout(function(){
overSubmenuFlag = false;
$('#div2').hide();
});
將無法正常工作.. div1是菜單..和div2是子菜單..如果div1懸停然後div2顯示..但如果div2不懸停,我需要隱藏div2 – user384080 2010-10-25 02:14:44
看到我編輯的答案 – 2010-10-25 02:23:44
正是我後..謝謝隊友! – user384080 2010-10-25 02:31:44
您可以使用hover
爲這兩個div。
當懸停在div1
顯示div2
,當徘徊在div2
隱藏div2
。
$('#div1').hover(
function() {
//hoverIn
$('#div2').show();
}, function() {
//hoverOut
});
$('#div2').hover(
function() {
//hoverIn
}, function() {
//hoverOut
$('#div2').hide();
});
將不起作用.. div1是菜單..而div2是子菜單..如果div1懸停然後div2顯示..但如果div2不在懸停,我需要隱藏div2 – user384080 2010-10-25 02:15:08
那麼你沒有說你的問題... :) – 2010-10-25 02:41:35
同胞的div或嵌套的div? '
'或'sibling .......................... – user384080 2010-10-25 02:21:15