在 jquery 頁面加載事件上顯示按鈕不起作用

Question

我在 jquery 頁面加載事件上顯示按鈕，但它不起作用。 頁面呈現后，它是不可見的。

如果我在頁面加載事件背后的代碼中設置可見性，它會工作正常。

查詢

function pageLoad() {
   $('#btnSwitchDistributor').css({ 'visibility': 'visible', 'display': 'inline-block' });
}

HTML

<asp:Button ID="btnSwitchDistributor" runat="server" Text="Switch Distributor" Visible="false" />

Answer 1

根據 MSDN ，當您在服務器端代碼中設置Visible="false"時，該元素根本不會呈現給客戶端。 這意味着您的按鈕在結果頁面上不是“不可見的”，它在結果頁面上不存在。 沒有 JavaScript 代碼可以與不存在的元素交互。

聽起來您想要將樣式應用於控件：

<asp:Button ID="btnSwitchDistributor" runat="server" Text="Switch Distributor" style="display:none;" />

除此之外，這里還有兩個潛在的問題，我不一定能從問題的內容中確認，但你需要檢查一下......

1. 您要查找的ID值是服務器端對象的ID 。 這不一定是生成的 HTML 元素的客戶端id 。 檢查頁面源以查看客戶端id 。 如果它不同，那么您可能需要使用ClientID屬性明確設置它。
2. 你曾經在你的 JavaScript 代碼中調用過pageLoad()嗎？ 如果不是那么，那么，你需要這樣做。 我假設在document.ready事件處理程序中？ 對於 jQuery，它可能很簡單： $(pageLoad)

Answer 2

只需刪除可見的 html 屬性和 JQuery CSS。