的Youtube莫代尔不工作

Question

我采取一个插件加载YouTube视频的模式（https://appleple.github.io/modal-video/）。问题在于模式中的十字按钮。

如果我不刷新页面，点击模式十字按钮，然后再次点击视频，click事件触发，而不是一次两次，即。我得到两个模态。

我运行这个JS是相当简单：

HTML代码：

<a id="runVideo" data-video-id='XXXXXXX' class="white"> 
    <span class="glyphicon glyphicon-play-circle"></span> Want to know how we do that? Watch our video. 
</a> 

JS代码：

$("#runVideo").click(function(event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    console.log("mydick"); 
    $("#runVideo").modalVideo({channel:'youtube'}); 
}); 

Answer 1

所以，如果你想一些单击事件只发生一次，每次点击时我们都要解除绑定。所以，像这样制定出

$('#runVideo').bind('click', function() { 
     $(this).unbind('click'); 
     alert('Clicked and unbound!'); 
     $("#runVideo").modalVideo({channel:'youtube'}); 
});