大量弹出问题：找不到 indexof答案

【问题标题】：magnific popup issues: cannot find indexof大量弹出问题：找不到 indexof
【发布时间】：2016-03-25 14:53:50
【问题描述】：

我正在尝试使用这个宏伟的弹出窗口，但似乎无法让它工作。我需要它来拉出一个 iframe（它只能通过转到 youtube 而不是使用 magnific popup 来工作）。所以我想我至少只是对图像进行测试，看看它是否有效，我得到了“找不到 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>

//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 作为点击但得到相同的东西，不要认为它实际上在那里找到任何东西。

【问题讨论】：

您在 div 上调用 magnificPopup，而不是在链接上。你试过$('.videoLink').parent().magnificPopup(...)吗？
为了大声哭泣，我早些时候尝试过，但没有成功，但后来我解决了另一个问题，忘记返回这个作为解决方案，现在它确实可以，谢谢
没问题 :) 评论转换成答案

标签： jquery sitecore magnific-popup

【解决方案1】：

您在 div 上调用 magnificPopup，而不是在链接上。

将您的代码更改为：

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

【讨论】：