Jquery glissé ne fonctionne pas lorsque je clique sur l'autre bouton

Question

J'utilise le code ci-dessous (code partiel seulement) pour afficher le div avec effet de rebond. Cela fonctionne bien quand je clique sur le bouton de filtre. Supposons que j'ai cliqué sur le bouton ajouter nouveau le bouton de filtre de la prochaine fois ne fonctionne pas. S'il vous plaît aidez-moi ..

<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

Essayez avec

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

utiliser la délégation de l'événement

Answer 3

utiliser la délégation de l'événement

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

Comme les autres gars ont dit que vous devez utiliser la délégation d'événement, juste au cas où vous n'êtes pas su re cela signifie que vous pouvez ajouter des événements à des éléments qui ne sont pas encore créé:

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