单击此图像/链接以激活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绘制，然后图像只是左边的一个小图标。

Answer 1

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

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

});

希望这可以帮助。

Answer 2

你的意思是：

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

更新::绑定超过1个图像，添加相同的类o所有您需要的图像，说“img-class”，并执行：

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