2017-09-13 79 views
0

我是新来的网站,面临的问题,同时从另一个网页隐藏网页的UI元素。 方案:从其他页面隐藏网页的UI元素[wordpress]

  1. 我有一个WordPress网站(主题-TwentySeventeen)。
  2. 我添加了一个注销按钮以编程方式在页面上显示图像。
  3. 我有多个帖子, 和每一个帖子都有一个按钮(播放视频)。
  4. 当用户点击播放视频按钮时,出现一个iframe(fancybox)。它有另一个按钮“登录”。
  5. 我想要显示/隐藏在主页上的注销按钮基于点击“登录”按钮在iFrame中。

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

P.S.我可以使用JQuery在主页面显示/隐藏注销按钮。

查询: 有没有什么办法在网页上传递通知从一个页面到其他页面?请指导

Landing page

IFrame page

+0

使用iFrame听起来不像是最好的设计决策。一个模式窗口,例如jQueryUI的.modal,将避免需要单独的页面。 –

+0

我为此使用Fancybox。我不确定你在说什么,因为在这个领域没有经验。 –

回答

0

我从父窗口访问元素修复了这个问题。我的代码是:

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

我不确定这是否是一种好的做法。如果您有其他方法,请提出建议。