需要在单击图像时打开bpopup

Question

我试图在单击图像时打开弹出窗口，而不是单击按钮。 怎么可能呢？

它是一种画廊类型的东西，其中图像是明确加载的，当点击图像时，会显示bpopup并显示产品的详细信息

我试过了， 请检查小提琴文件http://jsfiddle.net/psps/NhRHC/ 我现在面临的问题是它在第一次图像点击时打开，但不在第二张图像中打开。

HTML

<img id="my-button" src="http://placehold.it/200&text=A">
<img id="my-button" src="http://placehold.it/200&text=B"> 
<!-- Element to pop up -->
<div id="element_to_pop_up">
    <a class="b-close">x<a/>
    Some text
</div>

CSS

#element_to_pop_up { 
    background-color:#fc0;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;
}
.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

JS 它在那个jfiddle链接。

Answer 1

使用jQuery，你可以这样做 -

$('#div img').click(function(){ $("#popup").bPopup(); });

此语句将使id为“div”的容器元素中的图像在单击时打开bPopup。