Magnific-Popup: Получить динамический контент из элемента clicked

Question

У меня есть ряд плит, содержащих скрытый контент. Я использую Magnific-Popup для извлечения содержимого и добавления в лайтбокс, который, как мне кажется, можно сделать, но я все время получаю содержимое от всех, а не от элемента с щелчком.

Мой вопрос: как получить только содержимое только от щелкнутого элемента?

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' 
}); 

Вот скрипку

http://jsfiddle.net/8csham4u/39/

Answer 1

фигурной его. Мой ответ

$('.tile').on('click', function() { 
    var theGoodStuff = $(this).find('.tile-info p') 
    $.magnificPopup.open({ 
     items: { 
      src: theGoodStuff, 
     }, 
     type: 'inline' 
    }); 
}); 

http://jsfiddle.net/2a6a4gvh/1/