javascript - 为什么我的 div 没有向上滑动？

Question

为什么我的 Div 没有向上滑动？我哪里做错了？这是我的 jquery 详细信息。我指的是正确的网址还是我遇到问题的地方？

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">

 $(document).ready(function () {
     var $fieldRevItems = $("#dvDetails");
     $('#<%=btnClose2.ClientID %>').click(function (e) {
           $('#<%=txtSearch.ClientID %>').val('');
           $fieldRevItems.slideUp(600);
           e.preventDefault();
      });
  });
 </script>

这是我的 html 详细信息(只不过是一个包含一个表格的 div)

<div id="dvDetails">
        <table id="tblDetails" width="30%" style="border: Solid 3px #D55500; height: 100%"
            cellpadding="0" cellspacing="0">
            <tr style="background-color: #D55500">
                <td colspan="2" style="height: 10%; color: White; font-weight: bold; font-size: larger" align="center">
                    User Details
                </td>
            </tr>
            <tr>
                <td align="right">
                    UserId:
                </td>
                <td>
                    <asp:Label ID="lblID" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="right">
                    UserName:
                </td>
                <td>
                    <asp:Label ID="lblusername" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="right">
                    FirstName:
                </td>
                <td>
                    <asp:TextBox ID="txtfname" runat="server" />
                </td>
            </tr>
            <tr>
                <td align="right">
                    LastName:
                </td>
                <td>
                    <asp:TextBox ID="txtlname" runat="server" />
                </td>
            </tr>
            <tr>
                <td align="right">
                    City:
                </td>
                <td>
                    <asp:TextBox ID="txtCity" runat="server" />
                </td>
            </tr>
            <tr>
                <td align="right" style="width: 100%">
                    Designation:
                </td>
                <td>
                    <asp:TextBox ID="txtDesg" runat="server" />
                </td>
            </tr>
            <tr>
                <td align="center" style="width: 100%">
                    <asp:Button ID="btnClose2" runat="server" Text="Close" />
                </td>
            </tr>
        </table>
    </div>

Answer 1

选择器很好。但是，您不需要为任何事情使用 $，您应该:

$(function () {
 var fieldRevItems = $("#dvDetails");
 $('#<%=btnClose2.ClientID %>').click(function (event) {
       event.preventDefault();
       $('#<%=txtSearch.ClientID %>').val('');
       fieldRevItems.slideUp(600);
  });
});