移動設備和平板電腦的Mouseenter和mouseleave更改

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
});