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

Click this image/link to activate a jquery pop up?

本文关键字:jquery 窗口 激活 图像 链接 单击      更新时间:2023-09-26
   <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绘制的,然后图像只是左侧的一个小图标。

$("btnSection").click(function () {
    //make the animation for the div to show up
    $(".myDiv").popUp();
});

希望这有帮助。

你的意思是:

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

更新::要绑定 1 个以上的图像,请在所有必需的图像中添加相同的类,说"img-class",然后执行以下操作:

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