2014-06-24 123 views
0

我正在使用下面的代码(仅部分代码)显示带有反弹效果的div。这是工作正常,当我点击过滤器按钮。假设我点击下一次添加新按钮过滤器按钮不工作。请帮我..当我点击另一个按钮时,Jquery滑动不起作用

<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> 

回答

0
$(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; 
       } 
      }); 
    }); 
0

尝试用

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

使用事件代表团

+0

我用上面的代码事件火灾里面的,如果条件但现在DIV滑下.. – user3710059

+0

不undersrand您的问题:-( –

+0

第一次工作fine.this不工作,当我点击此页面中的其他按钮.. – user3710059

0

使用事件代表团

$(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; 
       } 
      }); 
相关问题