如何關閉我寫的這個jQuery模態？

我想編碼一個簡單的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

任何幫助都會很感激，因爲我已經有一段時間了！祝大家週末愉快。

來源

2014-02-08 DoPeT

看起來像一個錯字：

player = $f(iframe);

應該是：

player = $(iframe);

Uncaught ReferenceError: $f is not defined上vimeoModal.js

來源

2014-02-08 06:46:36

AHHHHH的第10行！非常感謝馬修。這只是其中的一個... 編輯：我也沒有意識到我正在做一個匿名函數，我真的不明白它是什麼。很高興，它現在沒有它了！我一定會更頻繁地查看控制檯！ – DoPeT

樂意幫忙。 :)你可以通過打開你的瀏覽器的開發控制檯來檢查這樣的JS錯誤。 –

如何關閉我寫的這個jQuery模態？

回答

相關問題