2015-08-09 62 views
0

我試圖建立混合內容類型庫這樣的, http://codepen.io/dimsemenov/pen/vKrqsMagnific酒店彈出設置類型從數據屬性

,但我想從要素動態讀取類型的標記,而不是撰寫中的鏈接和類型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 
    } 
}); 

任何幫助表示讚賞。

回答