jquery - 单击并悬停 - 单击时显示文本？

Question

目前这一切工作正常，除了当点击元素时内部文本不显示。它仅适用于 mouseover 和 mouseleave。我试过在 mouseleave 上使用 unbind 但这似乎不起作用。

如何让它在点击元素时起作用？

这是我的 fiddle .

$('.item').on({
    mouseover: function() {
        if ($(this).closest('.timelineTile').hasClass("clicked")) {
            $(this).parent('.highlight').addClass("hovered");
            $(this).siblings('.inner').addClass("display");
        }
    },
    mouseleave: function() {
        if ($(this).closest('.timelineTile').hasClass("clicked")) {
            $(this).parent('.highlight').removeClass("hovered");
            $(this).siblings('.inner').removeClass("display");
        }
    }
});

$('.highlight').on('click', '.item', function(e) {
    if ($(this).closest('.timelineTile').hasClass("clicked")) {
        e.stopPropagation();
        $('.item').not(this).removeClass('canceled');
        $(this).parent().toggleClass('canceled');
        $(this).parent().removeClass('hovered');
        $(this).siblings('.inner').removeClass("display");

    }
});

Answer 1

查看 this 是否是您要查找的内容... updated Fiddle