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

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

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

Как я могу добиться этого в asp.net MVC с помощью jquery?


jquery asp.net-mvc popup
person Prasad    schedule 12.10.2009    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

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

person peirix    schedule 12.10.2009