php - 单击图像时需要打开 bpopup

Question

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

它是一种画廊类型的东西，图像被分类加载，当点击图像时，会出现一个 bpopup 并显示产品的详细信息

我试过了，请检查 fiddle 文件 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。