我在我的 WordPress 页面中嵌入了一个 iFrame（使用自定义 HTML 块）用于按摩预订。 https://aanmassage.nl/boek-jouw-massage/
iFrame 使用类MenuGroup--header--443090 加载，其中包含各种消息），但此 MenuGroup 已关闭。选择组标题或 V 形时，它会打开，并且按摩会显示在下拉列表中。
对于想要预约按摩的用户，我觉得这很让人分心。有没有办法强制默认打开组？使用 html、js 或 css 代码。
【问题讨论】：
标签： javascript html css wordpress
也许有一个选项可以作为 iframe 的属性进行编辑？问题是，您需要访问 Javascript 文件才能编辑该行为。但既然你使用的是 iframe，我猜你没有访问权限？
编辑：
好吧，你可以把它粘贴到一个 JS 文件中，应该可以：
function eventFire(el, etype){
if (el.fireEvent) {
el.fireEvent('on' + etype);
} else {
var evObj = document.createEvent('Events');
evObj.initEvent(etype, true, false);
el.dispatchEvent(evObj);
}
}
window.onload = function {
eventFire(document.querySelector('.MenuGroup--header--443090'), 'click');
}
这样做是在您的网站上复制点击事件，因此菜单会在页面加载时打开。
EDIT2：
确实，我忘了考虑 iframe 加载时间与窗口加载时间是分开的，因此使用它可能会更好
function eventFire(el, etype){
if (el.fireEvent) {
el.fireEvent('on' + etype);
} else {
var evObj = document.createEvent('Events');
evObj.initEvent(etype, true, false);
el.dispatchEvent(evObj);
}
}
document.querySelector("iframe").addEventListener( "load", function(e) {
eventFire(document.querySelector('.MenuGroup--header--443090'), 'click');
} );
【讨论】：