JavaScript關閉按鈕適用於一個頁面，但不適用於其他頁面

Question

有誰知道爲什麼JavaScript按鈕可以在一個頁面上工作，但不能在另一個頁面上工作？

在Magento中，我將錯誤信息顯示爲彈出窗口，並將Java用於關閉按鈕。它在一個頁面上工作，但在另一個頁面上卻沒有。在Safari中ErrorMessage將不會重複顯示，兩次，其中一個將關閉。

代碼我使用的是內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的元素。

您需要從帳戶create/login塊中移除錯誤消息塊，並將其移至其父塊中，以便它只在頁面上出現一次。

當您單擊關閉按鈕發生了什麼事是，它選擇它找到的第一個#messages並設置它的可視性。第二個被完全忽略（因爲它再次假定頁面上只有一個）。