php - 单击图像时需要打开 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。