按下按鈕時動態加載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

回答

相關問題