javascript - 单击此图像/链接以激活 jquery 弹出窗口？

Question

   <div class="btnSection">
     <a href="#" class="split-btn sp-blue"><img src="images/star.png">Save Progress</a>

  </div>

我试图让它与一个 jquery 弹出插件一起工作。该插件要求您单击一个按钮以使弹出窗口生效。如何让我的图像/按钮激活该 jquery？

这是我正在尝试使用的弹出窗口：http: //dinbror.dk/bpopup/
该按钮是用 CSS 绘制的，然后图像只是左侧的一个小图标。

score 1 · Accepted Answer

$("btnSection").click(function () {

    //make the animation for the div to show up
    $(".myDiv").popUp();

});

希望这可以帮助。

score 1 · Accepted Answer

你的意思是：

$("a.split-btn").find("img").click(function() {
    $('element_to_pop_up').bPopup();
});

更新:: 绑定多于 1 个图像，为所有需要的图像添加相同的类，例如“img-class”，然后执行以下操作：

$(".img-class").click(function() {
    $('element_to_pop_up').bPopup();
});

2 回答 2