Question

我使用下面的代码（仅部分代码）来显示具有反弹效果的div。单击过滤器按钮时，此功能正常。假设我在下次过滤器按钮不起作用时点击了添加新按钮。请帮帮我..

<td class="fond8" nowrap="nowrap" width="20%">
<asp:ImageButton ID="imgbtn_add" runat="server" Style="padding-left: 10px;" alt="Add New Record"
    ToolTip="Add New Record" Width="35px" ImageUrl="~/Img/IconButton/ibtn_add.png"
    OnClick="imgbtn_add_Click" ClientIDMode="Static" /><span>Add New</span>
    <asp:ImageButton ID="Filter" runat="server" Style="padding-left: 10px;" alt="Add New Record"
    ToolTip="Add New Record" Width="35px" ClientIDMode="Static" ImageUrl="~/Img/IconButton/ibtn_filter.png" /><span>Filter</span>
</td>

     <div id="panel">
                Search By :
     </div>

<script>
        $(function () {
            var $cart = $('#panel');

            alert('entger hgeree');
            $('#<%= Filter.ClientID %>').click(function (e) {
                alert('enerer ererererr');
                e.stopPropagation();
                if ($cart.is(":hidden")) {
                    $cart.slideDown("slow", "easeOutBounce");
                    return false;
                } else {
                    $cart.slideUp("slow");
                    return false;
                }
            });

        });
    </script>

Answer 1

 $(function () {
            var $cart = $('#panel');
            alert('entger hgeree');
            $('#<%= Filter.ClientID %>').on('click', function (e) {
                alert('enerer ererererr');
                e.stopPropagation();
                if ($cart.is(":hidden")) {
                    $cart.slideDown("slow", "easeOutBounce");
                    return false;
                } else {
                    $cart.slideUp("slow");
                    return false;
                }
            });
  });

Answer 2

尝试

$(document).on('click','#<%= Filter.ClientID %>',function (e) {

使用事件委托

Answer 3

使用事件委托

$(document).("click" , '#<%= Filter.ClientID %>' , function (e) {
                alert('enerer ererererr');
                e.stopPropagation();
                if ($cart.is(":hidden")) {
                    $cart.slideDown("slow", "easeOutBounce");
                    return false;
                } else {
                    $cart.slideUp("slow");
                    return false;
                }
            });

Answer 4

正如其他人所说，你需要使用事件委托，以防万一你不确定这意味着你可以向尚未创建的元素添加事件：

http://learn.jquery.com/events/event-delegation/

当我点击另一个按钮时，Jquery滑动不起作用

4 个答案: