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