18910140161

JavaScript-如何通过单击不同的div来更改iframe src?-堆栈溢出

顺晟科技

2022-10-19 13:28:56

125

所以我有五个不同的div容器和一个iframe。我需要根据单击的div更改iframe的src。它们是youtube链接,所以每次我点击特定的div,iframe src都应该改变。 Divs,单击应该更改的iframe:

IFRAME:

IFRAME的HTML代码:

<div class="full">
                <iframe id="iframe" class="responsive_frame" src="https://www.youtube.com/embed/K0u_kAWLJOA"></iframe>
            </div>

我找到了某种解决方案,但似乎行不通:

<div class="full">
                <iframe id="iframe" class="responsive_frame" src="https://www.youtube.com/embed/K0u_kAWLJOA"></iframe>
            </div>

所以基本上,div有preview类,所以当div with.preview类被单击时,jquery应该激活一个函数,然后,给定div的IDs,它应该更改iframe的src,但这似乎不起作用。

编辑: 好的,所以我做了一个全新的页面并尝试了@Rana方法,但它在我的浏览器中仍然不起作用,所以我转到控制台,下一个错误出现在那里:

所以我不确定,也许这与从javascript代码加载youtube链接有关?


顺晟科技:

下面是一个在单击按钮时进行更改的工作示例,每次更改都会显示出来。

  • 中提供第一个值
  • 现在使用class循环了所有标记,并添加了激活的事件侦听器。
  • 然后执行函数,根据标记的th值取值

以下是上面代码的工作示例

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航