Question

我有多个超链接，并且尝试在单击鼠标时将不同的图像显示为弹出窗口。为此，我有一个DIV元素，并且尝试将图像附加到此Div中。想法是将超链接id作为图像名称（id和图像名称相同）。

这是到目前为止我制定的代码：

+33 123 456 789
+44 123 456 789
+44 123 456 789

这不起作用。虽然我在DIV之外收到一个图像图标，但每次单击后都会添加另一个图标。我的HTML代码：

$(window).load(function () {
 $(".trigger_popup_fricc").click(function(){
    var img_name = $(this).attr("id") + ".png";
    $('.hover_bkgr_fricc').append('<img src="' + img_name + '">');
    $('.hover_bkgr_fricc').show();
});
$('.hover_bkgr_fricc').click(function(){
    $('.hover_bkgr_fricc').hide();
});
$('.popupCloseButton').click(function(){
    $('.hover_bkgr_fricc').hide();
});
});

我忘记在文件扩展名（png）之前加上（。）。现在，正在显示图像，但不在DIV内部。我有这个HTML代码用于弹出DIV：

<td class="mdlq center_align" rowspan="4"><a href="#" id="mfp" class="trigger_popup_fricc">Star</a></td>

现在添加和前置项将在DIV之前或之后显示图像，而.html如所建议的使DIV不可见（尽管弹出了图像但丢失了DIV样式）

使用超链接ID确定要在div中添加的图片-jQuery

0 个答案: