magnific popup issues: не удается найти indexof

Question

Я пытаюсь использовать это потрясающее всплывающее окно и, похоже, не может заставить его работать. Мне нужно, чтобы вытащить iframe (который работает только, перейдя к вам, вместо того, чтобы использовать всплывающее окно). Поэтому я подумал, что, по крайней мере, просто использую тест изображения, чтобы увидеть, работает ли он, и я получаю сообщение об ошибке «Не могу найти indexOf». Я использую Sitecore для захвата изображений, и мне интересно, создает ли это эту проблему.

HTML

<div class="videoContainer" > 
    <sc:Link ID="videoLink" Field="Video Link" runat="server"> 
     <div class="videoLink"><sc:FieldRenderer FieldName="Video" runat="server" /></div> 
    </sc:Link> 
</div> 

JS

//open image 
$('.videoLink').magnificPopup({ 
    disableOn: 768, 
    type: 'image', 
    removalDelay: 160, 
    image: { verticalFit: true } 
}); 

Визуализированное HTML является

<div class="videoContainer" > 
    <a href="https://www.youtube.com/video..."> 
     <div class="videoLink"><img src="/~/media..."></div> 
    </a> 
</div> 

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

Answer 1

Вы звоните magnificPopup на div, а не по ссылке.

Изменить код:

$('.videoLink').parent().magnificPopup(...)