在Magnific Popup中,我想在单击的链接中获取一个属性,并将其用于回调函数(使用callbacks:open)中,以对DOM进行一些更改。

我怎样才能做到这一点?例如,在下面的代码中,它应该将“it works”返回到控制台。而是打印“不起作用”。请帮忙!!

<a href="#test-popup" class="open-popup-link" myatt="hello">Show inline popup</a>

<script src="jquery.magnetic.custom.js"></script>

<script>

    $(document).ready(function() {
      $('.open-popup-link').magnificPopup({
        type:'inline',
        midClick: true,
        callbacks: {
          open: function() {

            if ($(this).attr('myatt')=="hello")
            {
              // do something
              console.log("it works");
            }
            else
            {
              console.log("doesnt work");
            }

          },
          close: function() {

          }
        }

      });
    });

</script>

<div id="test-popup" class="white-popup mfp-hide">
  Popup content
</div>

最佳答案

对于Magnific Popup v0.9.8

var magnificPopup = $.magnificPopup.instance,
              cur = magnificPopup.st.el;
console.log(cur.attr('myatt'));

关于javascript - 壮观的弹出式: Get current element in callback,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16885863/

10-09 14:27