JavaScript关闭按钮在一页上有效，但在另一页上无效

Question

有谁知道为什么JavaScript按钮可以在一页上而不在另一页上使用？

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

我在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/客户/帐户/登录/

任何帮助将非常感激！

Answer 1

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

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

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