Question

当用户使用jQuery点击保留图片时，我正在尝试加载YouTube iFrame。除了Firefox之外，这在所有浏览器中都可以正常工作。

知道可能导致这个问题的原因吗？

对于实时示例，请访问http://roelto.com/并单击主图像。您会在Chrome，Safari，IE中看到iframe加载正常，但在Firefox

中没有

这是我正在使用的jQuery ......

<script>
  jQuery(document).ready(function() {
    jQuery('#dna_video_thumbnail').click(function() {
      jQuery('<iframe width="560" height="315" src="//www.youtube.com/embed/uIYa7RiDjs8" frameborder="0" allowfullscreen></iframe>').prependTo('#dna_video');
      jQuery(this).remove();
    });
  });
</script>

Answer 1

使用此：

 $(document).on('click','yourelement',function(){ 
$('<iframe width="560" height="315" src="//www.youtube.com/embed/uIYa7RiDjs8" frameborder="0" allowfullscreen></iframe>').prependTo('#dna_video');
      $(this).remove();
});

Answer 2

您正在调用函数getHeight（）;在dna_script.js的第125行。这是未定义的。你可以在Firefox的控制台中看到它。

将函数声明移到函数调用上方。

jQuery .click（function（）在Firefox中不起作用

2 个答案: