从其他页面隐藏网页的 UI 元素 [wordpress]答案

【问题标题】：Hide UI element of a webpage from other page [wordpress]从其他页面隐藏网页的 UI 元素 [wordpress]
【发布时间】：2025-12-17 01:05:03
【问题描述】：

我是网络新手，在从另一个网页隐藏网页中的 UI 元素时遇到问题。场景：

我有一个 WordPress 网站 (Theme-TwentySeventeen)。
我以编程方式在页面上添加了一个注销按钮，如图所示。
我有多个帖子，每个帖子都有一个按钮（播放视频）。
当用户点击播放视频按钮时，会出现一个 iframe（花式框）。它有另一个按钮“登录”。
我想显示/隐藏主页上的注销按钮基于点击 iFrame 中的“登录”按钮。

我尝试使用 iFrame 中的 ID 访问注销按钮。但它不是 iFrame 源代码的一部分。我无法访问它。

附：我可以使用 JQuery 从主页显示/隐藏注销按钮。

查询： 网络中有没有办法将通知从一个页面传递到其他页面？请指导

【问题讨论】：

使用 iFrame 听起来并不是最好的设计决策。模态窗口，例如 jQueryUI 的 .modal，将避免需要单独的页面。
我正在为此使用 Fancybox。由于在该领域的经验为零，我不确定您在说什么。

标签： javascript jquery wordpress iframe web

【解决方案1】：

我通过从父窗口访问元素解决了这个问题。我的代码如下：

function showLogoutButton(){
    var logoutButton = window.parent.document.getElementById('logout');
    if (logoutButton) {
        logoutButton.style.display = 'block'
    }
}

我不确定这是否是一个好习惯。如果您有任何其他方法，请提出建议。

【讨论】：