JavaScript关闭按钮在一个页面上工作，但不在另一个页面上工作

Question

有谁知道为什么JavaScript按钮可以在一个页面上工作而不能在另一个页面上工作？

在Magento中，我将错误消息显示为弹出窗口，并使用Java作为关闭按钮。它在一个页面上工作，但在另一个页面上它不起作用。在Safari中，不会重复关闭的错误消息，两次，其中一个将关闭。

Code I＆＃39;在Messages.php中使用：

$html .= '<a class="msgclose" href="#" onclick="document.getElementById(\'messages\').style.visibility=\'hidden\'">x</a>';

它适用于单个产品页面（将产品添加到包中时），但在输入错误密码时不会在登录页面上工作。

工作关闭按钮：http://www.moramoraswimwear.com/magento/index.php/test-5 失败按钮：https://web72.secure-secure.co.uk/moramoraswimwear.com/magento/index.php/customer/account/login/

任何帮助都会非常感激！

Answer 1

它无效，因为您在同一页面上有两个ID为#messages的元素，很可能是由于帐户创建和帐户登录块包含错误消息HTML。您不能在同一页面上拥有两个具有相同ID的元素。

您需要从帐户创建/登录块中删除错误消息块，并将其移动到其父块中，以便它只在页面上显示一次。

点击关闭按钮时发生的事情是，它选择了找到的第一个#messages并在其上设置了可见性。第二个被完全忽略（因为它再次假设页面上只有一个）。