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

时间:2013-08-08 05:23:22

标签: javascript jquery html ajax

   <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绘制的,然后图像只是左边的一个小图标。

2 个答案:

答案 0 :(得分:1)

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

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

});

希望这有帮助。

答案 1 :(得分:1)

你的意思是:

$("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();
});