添加功能，以保持add .弹出在悬停状态下
添加功能，以保持add .弹出在悬停状态下
提问于 2012-04-07 13:14:24
鼠标悬停后弹出式停留或关闭鼠标右侧移动时关闭.
$(document).ready(function() {
//If Javascript is running, change css on product-description to display:block
//then hide the div, ready to animate
$("div.pop-up").css({'display':'block','opacity':'0'})
$("a.trigger").hover(
function () {
$(this).prev().stop().animate({
opacity: 1
}, 500);
},
function () {
$(this).prev().stop().animate({
opacity: 0
}, 200);
}
)
});回答 1
Stack Overflow用户
发布于 2012-04-07 13:32:59
我不太清楚你在问什么，但我就是这么翻译的.
Q:如何使弹出窗口在弹出时保持打开，而不是因为触发器不再悬停而关闭？
A:，你能改变一下标记吗？如果是这样的话，您可以将弹出放在触发器元素中，这样，当弹出在上面盘旋时，您还没有离开触发器：
<div class="trigger"> <a>Hover over me</a> <div class="pop-up"> This is the pop-up, hover over me as well. </div> </div>
然后只需稍微修改一下Javascript：
$("div.pop-up").css({
'display': 'block',
'opacity': '0'
});
$("div.trigger").hover(
function() {
$(this).find("div.pop-up").stop().animate({
opacity: 1
}, 500);
}, function() {
$(this).find("div.pop-up").stop().animate({
opacity: 0
}, 200);
});见演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10054802
复制相关文章
相似问题
腾讯云开发者
