在我的 WordPress 网站上,我在一侧有一个菜单,在菜单旁边的 IFrame
中嵌入了一个 prezzie。
我想使用某种形式的点击事件将 IFrame
的内容更改为另一个 prezie 而无需刷新页面,以实现无缝更改,但我仍然不知道如何编写代码。
菜单按钮实际上是 map 中的图片,给人一种它们实际上是功能按钮的错觉。
谁能帮我解决这个问题?
提前致谢。
最佳答案
添加一个 JavaScript 函数来交换 Prezi iframe 的 Url。
function changePrezi (preziKey) {
var url = "http://prezi.com/embed/" + preziKey + "/";
document.getElementById('prezi').src = url;
}
然后将 onClick
处理程序添加到您的菜单链接/按钮以调用 changePrezi
函数,并传入正确的 Prezi 键。
<button onClick="changePrezi('ltv92t40up8k')">Prezi 1</button>
<button onClick="changePrezi('rqqnh_taqx1l')">Prezi 2</button>
<iframe id="prezi" frameborder="0" width="550" height="400"></iframe>
这是一个Plunker Demo .
关于javascript - 在 wordpress 中使用点击事件打开/更改 Iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28844340/