Question

如何将mouseenter和mouseleave更改为使用click？我有图像，点击显示另一个内部。如何修复mouseleave，这里是Javascript中的代码：

$("div.mitarbeiterfoto")
    .mouseenter(function() { 
            var id = $(this).attr("id");
            var idInfo = $(this).attr("id").substr(5);
            ($(this).find('img').css('display', 'none'));
            ($('#' + id + '_o').css('display', 'block'));
            showInfo(idInfo);
    })

    .mouseleave(function() {
            var id = $(this).attr("id");
            var idInfo = $(this).attr("id").substr(5);
            ($(this).find('img').css('display', 'block'));
            ($('#' + id + '_o').css('display', 'none'));
            hideInfo(idInfo);
    });

我需要帮助！

Answer 1

分配这样的事件将起作用

$('.mitarbeiterfoto').on('mouseenter', function () {
       var id = $(this).attr("id");
            var idInfo = $(this).attr("id").substr(5);
            ($(this).find('img').css('display', 'none'));
            ($('#' + id + '_o').css('display', 'block'));
            showInfo(idInfo);
});

$('.mitarbeiterfoto').on('mouseleave', function () {
       var id = $(this).attr("id");
        var idInfo = $(this).attr("id").substr(5);
        ($(this).find('img').css('display', 'block'));
        ($('#' + id + '_o').css('display', 'none'));
        hideInfo(idInfo);
});


$('.mitarbeiterfoto').on('click', function () {
    //click
});

移动和平板电脑的Mouseenter和mouseleave更改

1 个答案: