Javascript 字段集图例中使用的放大弹出窗口不'；不打开弹出窗口，而是在同一窗口中打开

我试图使用弹出窗口打开一个图像，该图像链接在一个字段集的图例后面。 但是，图像将在同一选项卡中打开，保留原始页面

<form>
  <fieldset>
    <legend>
      <a id="popup" class="popup" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGbPN1_Hbi1_rjpOJ3jKoIE_tWIfDn_ZtW4npAGr30VsNWD3CIvg&s">TEST:</a>
    </legend>
    <p>
      TESTTEST
    </p>
  </fieldset>
</form>

---

它起作用了-你只需要阅读文档。是的，我尝试过这种方法，但在将其引入整个程序时，它仍然不起作用：很抱歉造成混淆，我认为简化的代码就足够了，但显然不是这样。不，它仍然有效-你只是没有把

放大弹出窗口

源代码（JS+CSS）放在提琴上：）好吧，这是我生命中的3个小时，我再也回不来了：DIt有效-你只需要阅读文档是的，我尝试过这种方法，但是当把它介绍给整个程序时，它仍然不起作用：我很抱歉混淆，我原以为简化的代码就足够了，但事实显然不是这样。不，它还在工作-你只是没有把

magnificPopup

sources（JS+CSS）放在小提琴上：）好吧，那是我生命中的3个小时，我再也回不来了：D

$("#popup").on('click', function() {
  $('a[class=popup]').attr('href').magnificPopup({
    type: 'image'
  });
});