Показать всплывающее окно при наведении мыши со ссылкой

Question

Я показываю список пользователей с изображениями в виде сетки в моем приложении asp.net mvc (C #).

Когда я нажимаю на изображение пользователя, мне нужно показать всплывающее окно (например, когда мы нажимаем на ячейку события в календаре Google) Всплывающее окно будет содержать некоторую основную информацию о пользователе и возможность редактирования и удаления.

Как мне добиться этого в asp.net MVC, используя jquery?

Answer 1

По сути, вам просто нужно сделать один из этих пузырей. Используя CSS или как изображение (зависит от того, насколько гибким он должен быть), а затем вы можете использовать jQuery, чтобы показать и расположить его на click

$(".userImage").click(function() {
    var pTop = $(this).offset().top;
    var pLeft = $(this).offset().left;
    $("#bubble").css({
        top: pTop,
        left: pLeft
    }).fadeIn();
});

Это - спрайт изображений, который Google использует для создания своего пузыря.