Question

大家下午好！

我正在尝试编写一个简单的JS模式，用于打开它和所有东西。但是，我添加了一个单击函数来点击（.black-overlay）fadeOut所有关闭模态。

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

vimeoModal.js第10行的

Uncaught ReferenceError: $f is not defined

我怎么能关闭我写的这个jQuery模式？

1 个答案: