javascript - ASP .NET div 淡入

Question

我正在尝试使用 Javascript 函数使一个 div(在我的 ASPX 文件中)淡入，通过单击按钮触发。我已经看过一些关于此的帖子，但我无法让它发挥作用。

单独的 .js 文件中的函数:

function ShowMessage() {
    $("#messageDiv").fadeIn("slow");
}

aspx 文件中的 div:

<div class="detail-view-right-remainder" 
id="messageDiv" 
runat="server" 
hidden="hidden"></div>

我要触发淡入的按钮:

一些注意事项，在 div 中有一些 asp 控件，它也在一个更新面板中。我不知道这是否与 javascript (fadeIn) 无效有什么关系。

BR 尼尔斯

评论更新

<asp:Button ID="showMsgButton" 
runat="server" 
Text="Show message" 
CssClass="default-button-layout" 
Font-Bold="True" 
Font-Size="Smaller" 
ClientIDMode="Static" 
OnClientClick="javascript:return ShowMessage();" />

Answer 1

您的 JS 函数不返回 false，使按钮执行回发，将 Div 恢复到原始隐藏状态。改成

function ShowMessage() {
    $("#messageDiv").fadeIn("slow");
    return false;
}

注意:如果您的 DIV 是某个容器控件的一部分 - 它的实际客户端 ID 可能不同。如果是这种情况 - 使其工作的一种方法 - 让 jQuery 只匹配实际 DIV 自己的 ID:

function ShowMessage() {
    $('[id$="messageDiv"]').fadeIn("slow");
    return false;
}