1

Div が上にスライドしないのはなぜですか? 私はどこで間違っていますか？ここに私のjqueryの詳細があります。私は正しい URL を参照していますか、それともどこかで問題が発生していますか?

<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の詳細があります（これは1つのテーブルを含む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>
4

2 に答える 2

1

セレクターは問題ありません。ただし、 $ を使用する必要はありません。次のようにする必要があります。

$(function () {
 var fieldRevItems = $("#dvDetails");
 $('#<%=btnClose2.ClientID %>').click(function (event) {
       event.preventDefault();
       $('#<%=txtSearch.ClientID %>').val('');
       fieldRevItems.slideUp(600);
  });
});
于 2013-11-05T22:38:42.427 に答える