Question

我在网上发现了一个javascript，当用户点击链接时会显示带视频的模态窗口。一个视频，一切都很好，但当我为不同的视频添加另一个链接时，它只会打开youtube地址而没有模态窗口。在加载模态窗口后，脚本会在单击时添加html代码，如下所示：

var modalHTML = '<div id="modalbackground"></div><iframe id="' + vidFrameId +
                '" src="' ??? '" width="' + vidSize.width + '" height="' + 
                vidSize.height + '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'

视频链接如下：

<a id="videoLink" href="https://www.youtube.com/v/jHbyQ_AQP8c">aaa</a>
<a id="videoLink" href="https://youtube.googleapis.com/v/UrJORkUaOkk">bbb</a>

所以我的问题是，我应该把什么放在var modalHTML src字段中？我尝试使用"' this.href '"，它仅适用于第一个链接，第二个链接转到youtube页面？

Answer 1

你可以像这样点击链接href

    $(".dummyClass").click(function () {
            var clickedSrc= $(this).attr("href");               
            var modalHTML = '<div id="modalbackground"></div><iframe id="' + vidFrameId +
                '" src="' +clickedSrc+'" width="' + vidSize.width + '" height="' + 
                vidSize.height + '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'
        });

并确保每个元素都有唯一的ID ，因为选择器我已经放置了一个dummyClass，因此可以将其用作选择器

<a id="videoLink1" class="dummyClass" href="https://www.youtube.com/v/jHbyQ_AQP8c">aaa</a>
<a id="videoLink2" class="dummyClass" href="https://youtube.googleapis.com/v/UrJORkUaOkk">bbb</a>

通过单击链接更改Javascript中的SRC

1 个答案: