Magnific酒店弹出设置类型从数据属性

2015-08-09 63 views 0 likes

我试图建立混合内容类型库这样的， http://codepen.io/dimsemenov/pen/vKrqs Magnific酒店弹出设置类型从数据属性

，但我想从要素动态读取类型的标记，而不是撰写中的链接和类型JS。

<a class="lightbox" data-type="image" href="imagethumb" > 
    <img src="fullimage"> 
</a> 
<a class="lightbox" data-type="iframe" href="iframelink"> 
    Iframe link 
</a>

有没有办法通过阅读元素数据属性来设置弹出式，

像

$(".lightbox").magnificPopup({ 
    type: $(this).attr('data-type'), 
    mainClass: 'mfp-with-zoom', 


    zoom: { 
     enabled: true, 
     duration: 300, 
     easing: 'ease-in-out', 
     opener: function (openerElement) { 
      return openerElement.is('img') ? openerElement : openerElement.find('img'); 
     } 
    }, 
    gallery: { 
     enabled: true 
    } 
});

任何帮助表示赞赏。

来源

2015-08-09 Benn