ASP .NET div fadeIn

Question

我是jquery和javascript的新手，所以请光临我。我正在尝试使用Javascript函数创建一个div（在我的ASPX文件中）fade in，由按钮单击触发。我已经看过一些关于此的帖子，但我无法让它发挥作用。

单独的.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;
}