我有一排包含隐藏内容的图块。我正在使用Magnific-Popup来获取内容并将其添加到灯箱中,这似乎无法做到,但是我保留所有内容的获取,而不是单击元素的获取。
我的问题是:如何仅从clicked元素中获取内容?
的HTML
<div class="tile">
<div class="mfp-hide tile-info"><p>One</p></div>
</div>
<div class="tile">
<div class="mfp-hide tile-info"><p>Two</p></div>
</div>
<div class="tile">
<div class="mfp-hide tile-info"><p>Three</p></div>
</div>
<div class="tile">
<div class="mfp-hide tile-info"><p>Four</p></div>
</div>
jQuery的
$('.tile').magnificPopup({
items: {
src: '.tile-info',
},
type: 'inline'
});
这是小提琴
弄清楚了。我的答案
$('.tile').on('click', function () {
var theGoodStuff = $(this).find('.tile-info p')
$.magnificPopup.open({
items: {
src: theGoodStuff,
},
type: 'inline'
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句