按下按钮时动态加载iframe

我正在创建一个网页，我必须在div内加载iframe。按下按钮时动态加载iframe

<div class="sketchfab"> 
    <iframe class="myframe" src=""></iframe> 
</div>

和它下面我应该为IFRAME提供源链接。

<div class="container"> 
    <a href=#>A</a> 
    <a href=#>B</a> 
    <a href=#>C</a> 
    <a href=#>D</a> 
    And so on till Z 
</div>

我该怎么办？
iframe显示符号手势的3D动画。所以基本上，当我按下A的超链接时，会出现一个的手势......等等..

来源

2017-06-29 Tejas

可能重复的[用JavaScript更改iframe src]（https://stackoverflow.com/questions/3730159/changing-iframe-src-with-javascript） – Kramb

您是否尝试过使用'name'作为iframe和'target '在链接上？ – lumio

HTML

<div class=""> 
    <a href="#" data-url="hMxGhHNOkCU">A</a> 
    <a href="#" data-url="BWXggB-T1jQ">B</a> 
    <a href="#" data-url="gqOEoUR5RHg">C</a> 
    <a href="#" data-url="5GcQtLDGXy8">D</a> 
    And so on till Z 
</div>

和Javascript：

$(function() { 
    $('a').click(function() { 
    var _this = $(this), 
      iframe = $('iframe'); 

    iframe.attr('src','https://www.youtube.com/embed/' + _this.attr('data-url')); 
    }); 
});

您可以检查this Fiddle。

来源

2017-06-29 21:47:30 moreirapontocom

按下按钮时动态加载iframe

回答

相关问题