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

时间:2018-12-03 06:17:09

标签: jquery html

我有多个超链接,并且尝试在单击鼠标时将不同的图像显示为弹出窗口。为此,我有一个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样式)

0 个答案:

没有答案