javascript - 如何关闭我编写的这个 jQuery 模式？

Question

大家下午好!

我正在尝试编写一个简单的 JS 模式，用于打开它和所有内容。但是，我添加了一个点击功能来点击 (.black-overlay) 以淡出所有内容以关闭模式。

<div class="black-overlay"></div>
<div id="play-button">
    <a id="video-click" href="#">
        <img src="img/home/video-play.png" alt="Check out our video">
    </a>
</div>

<div id="welcome-video">
    <iframe class="vimeo-video" src="//player.vimeo.com/video/83267186?autoplay=1" width="722" height="406" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div><!--#welcome-video-->

然后这是我的 JS..

$("#video-click").click(function(event) {
    event.preventDefault();
    $('#video-click').hide();
    $('#welcome-video').show();
    $('.panel2 .black-overlay').fadeIn();
});

var iframe = $('.vimeo-video')[0],
player = $f(iframe);

$('.panel2 .black-overlay').click(function(event){
    event.preventDefault();
    $('.panel2 .black-overlay').fadeOut();
    $('#welcome-video').fadeOut();
    $('#video-click').fadeIn();
    var video = $('iframe').attr("src");
    $('iframe.vimeo-video').attr("src","");
    $('iframe.vimeo-video').attr("src",video);// sets it back to the correct link so that it reloads immediately on the next window open
    $('iframe.vimeo-video').attr('src','//player.vimeo.com/video/83267186?autoplay=1');
});

我发誓关闭它是正确的，我尝试了多种方法并禁用了我网站上的其他 JS。

如果您想查看正在发生的事情，这里是网站的实时预览，它是第二个面板，中间有一个播放按钮。链接在这里! http://bit.ly/1eGCShX

任何帮助都非常感谢，因为我已经在这上面工作了一段时间!祝大家周末愉快。

Answer 1

看起来像错字:

player = $f(iframe);

应该是:

player = $(iframe);

Uncaught ReferenceError: $f is not defined 在 vi​​meoModal.js 的第 10 行