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

Posted 2023-05-09

【中文标题】从其他页面隐藏网页的 UI 元素 [wordpress]

【英文标题】：Hide UI element of a webpage from other page [wordpress]

【发布时间】：2018-02-22 09:46:53

【问题描述】：

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

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

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

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

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

【问题讨论】：

使用 iFrame 听起来并不是最好的设计决策。模态窗口，例如 jQueryUI 的 .modal，将避免需要单独的页面。

我正在为此使用 Fancybox。由于在该领域的经验为零，我不确定您在说什么。

【参考方案1】：

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

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

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