宏伟的弹出问题：找不到 indexof

Question

我正在尝试使用这个强大的弹出窗口，但似乎无法正常工作。我需要它来拉出一个 iframe（它只能通过转到 you-tube 而不是使用 magnific popup 来工作）。所以我想我至少会使用图像测试来查看它是否有效，并且我收到 "cannot find 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

您是在 div 上呼叫 magnificPopup，而不是 link。

将您的代码更改为：

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

宏伟的弹出问题：找不到 indexof

magnific popup issues: cannot find indexof

jquery

sitecore

magnific-popup