Question

我正在尝试创建一个视频播放器，如果您点击图片，它会将图像换成YouTube视频。代码工作正常，直到我想把一个div放在顶部的播放器按钮。

现在，当然，该按钮已经挡住了，并且无法识别点击事件。我怎么知道你什么时候点击＆＃34;播放＆＃34; div隐藏了div并交换了youtube视频的另一个div图像。

以下是代码：

$(document).ready(function(){
    $('#play').click(function(){
        $('#play').hide();
        $('img').function () {
            video = '<iframe src="' + $(this).attr('data-video') + '" width="100%" height="100%" frameborder="0"></iframe>';
            $(this).replaceWith(video);
    });
});

我仍然是jQuery的新手，并且不完全了解布局和函数调用的工作原理。你的见解真的会有所帮助！

谢谢：）

Answer 1

你走了：

http://jsfiddle.net/tvyfxey6/6/

 $('#play').on('click', function(evt) {
         alert('click'); 
     $('#play').hide();
      $('#img').hide();
     $('#video').html('<iframe src="' + $('#video').attr('data-video') + '" width="100%" height="100%" frameborder="0"></iframe>');

 });

单击div隐藏div并替换另一个div

1 个答案: