Question

我正在尝试将点击元素的不透明度保持在1，而在点击之前，它会使用mouseenter和mouseleave进行切换。所以我添加了一个if语句来检查wethere是否点击了元素。虽然满足条件但是mouseleave函数不会运行。以下是代码：

$('td').mouseenter(function () {
    $(this).fadeTo('fast', 0.99);
});
$('td').mouseleave(function () {
    var $opacity = $(this).opacity;
    if ($opacity < 1) {
        $(this).fadeTo('fast', 0.8);
    }
});
$('td').click(function () {
    $(this).toggleClass('tdClicked');
});

.tdClicked类只是一个不透明度为1的类。

现在当我悬停元素时，它们会亮起，但在我鼠标移动时不会回头。

Answer 1

opacity不是jQuery对象的属性。

一种可能的解决方案是测试td是否具有tdClicked类而不是测试不透明度值

$('td').mouseenter(function () {
    $(this).fadeTo('fast', 0.99);
});
$('td').mouseleave(function () {
    if (!$(this).hasClass('tdClicked')) {
        $(this).fadeTo('fast', 0.8);
    }
});
$('td').click(function () {
    $(this).toggleClass('tdClicked');
});

演示：Fiddle

使用您的方式：Fiddle

jQuery mouseleave（），if语句不起作用

1 个答案: