文章/答案/技术大牛

发布

社区首页 >问答首页 >需要有关jquery hover函数的帮助

问需要有关jquery hover函数的帮助
EN

Stack Overflow用户

提问于 2012-10-08 14:14:44

回答 1查看 132关注 0票数 0

我的页面中有一次跨度。我使用了悬停功能，在鼠标悬停时显示弹出窗口，并在鼠标移开后自动隐藏该弹出窗口。下面是我的代码，它工作得很好。

我需要的是，如果我点击跨度，弹出窗口应该冻结，只有当我关闭弹出窗口，它必须关闭。但是，悬停也应该是有效的。我需要两个悬停和点击功能，以同时工作..

我的悬停代码：

$('td#' + parentElement).find('span.likes').hover(function (e) {
    topPos = e.pageY - ($('div#pop-up').height()) - 35;
    leftPos = e.pageX - ($('div#pop-up').width()) - 30;
    if (leftPos < 0) {
        leftPos = 10;
    }
    GetLikesList(json_row.value.task_id);
    $('div#pop-up').show().css('top', topPos).css('left', leftPos).appendTo('body');
    $('#mopopuptitle').html('People who liked this Request');
}, function () {
    $('div#pop-up').hide();
});

我的点击代码：

$('#' + parentElement).find('span.likes').click(function (e) {
    topPos = e.pageY - ($('div#pop-up').height()) - 35;
    leftPos = e.pageX - ($('div#pop-up').width()) - 30;
    if (leftPos < 0) {
        leftPos = 10;
    }
    GetLikesList(json_row.value.task_id);
    $('div#pop-up').show().css('top', topPos).css('left', leftPos).appendTo('body');
    $('#mopopuptitle').html('People who liked this Request');
    e.stopPropagation();
})

如何将两者集成？

jquery

click

jquery-hover

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-08 14:22:13

您可以使用.on()绑定多个事件：

$('#' + parentElement).find('span.likes').on('mouseenter click', function(e) {
    topPos = e.pageY - ($('div#pop-up').height()) - 35;
    leftPos = e.pageX - ($('div#pop-up').width()) - 30;

    if (leftPos < 0) {
        leftPos = 10;
    }

    GetLikesList(json_row.value.task_id);

    $('div#pop-up').show().css({
        top: topPos,
        left: leftPos
    }).appendTo('body');

    $('#mopopuptitle').html('People who liked this Request');
}).on('mouseleave', function () {
    $('div#pop-up').hide();
});

尽管我看不出绑定两者有多大用处，除非您想运行两次处理程序。要单击该元素，必须将鼠标悬停在其上。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12776196

复制

相似问题

问需要有关jquery hover函数的帮助
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问需要有关jquery hover函数的帮助EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问需要有关jquery hover函数的帮助
EN