Youtubeモーダルが動作しない

Question

モーダル（https://appleple.github.io/modal-video/）でYouTube動画を読み込むためのプラグインを実装しています。問題はモーダルの十字ボタンにあります。

ページを更新しない場合は、モーダルの十字ボタンをクリックしてから動画をもう一度クリックすると、クリックイベントは1回ではなく2回発生します。私は2つのモーダルを得る。これを実行するための

私の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

、あなたがこれまでにいくつかのクリックイベントが、1回だけにしたい場合クリックされるたびにクリックハンドラのバインドを解除する必要があります。なので、このようなものが動きました。

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