按下按钮时动态加载iframe

时间:2017-06-29 18:40:23

标签: javascript jquery html iframe

我正在创建一个网页,我必须在div中加载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的超链接时,A的手势会出现......依此类推......

1 个答案:

答案 0 :(得分:2)

HTML

    


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

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

和Javascript:

SELECT id, date, CASE WHEN MAX(status) over(partition by id order by date rows between 3 preceding and current row) = 'ok' THEN 1 ELSE 0 END as test FROM Table

您可以查看this Fiddle