单击链接更改Javascript中的SRC

Changing SRC in Javascript by clicking on link

本文关键字：中的 SRC Javascript 链接 单击      更新时间：2023-09-26

我在网上发现了一个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页面？

您可以点击类似的链接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>
相关文章：