Question

我正在实施一个插件，以便在模式（https://appleple.github.io/modal-video/）中加载YouTube视频。问题在于模态中的十字按钮。

如果我不刷新页面，请单击模态上的十字按钮，然后再次单击视频，单击事件将触发两次而不是一次，即。我得到了两个模态。

我的JS用于运行它非常简单：

HTML code：

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

Youtube模态不起作用

1 个答案: