jquery Klick-Ereignis

Question

Können wir mehr als ein Klick-Ereignis in Jquery verwenden als

$(document).ready(function(){
$('#button').click(function(){
...........click(function(){
...........click(function(){
});

$(this).hide();
});
}); 

Bitte helfen Sie mir

Ich schließe den Code ein, um weniger Platz für den Code zu haben.

$('#togglebutton1').click(function() {
      if ($(this).is(':visible')){ 
          $('#bio>div,#heading2,#heading3 ').hide(); 
          $('#bio>div:first').show();
          $('p:first').toggle(
             function() { 
                 $(this).animate({ 'height': '+=15px' }, '1000', 'linear'); 
             }, 
             function() {
                 $(this).animate({ 'height': '-=15px' }, '1000', 'swing');
             }
          );
          $(this).val('ShowImage');
       }else { 
         $(' #bio > div,#heading2,#heading3 ').show(); 
         $(this).val('HideImage'); 
       } 
}); 
$('#bio h3').click(function() { 
     $(this).next().animate({ 'height': 'toggle' }, 'slow', 'easeOutBounce'); }); 
});

Answer 1

Ich glaube, Sie haben gemeint, dass Sie dieselbe Funktion auf mehrere verschiedene Elemente anwenden. Dies kann auf diese Weise geschehen:

$("#mydiv1, #mydiv2, #mydiv3").click(function(){
    //some code
});

Viel Glück!

Answer 2

Ja, Sie können mehrere Handler mit dem click Ereignis desselben Elements:

$('#myElementID').click(function() {
    // do something here
})

// Elsewhere (presumably)
$('#myElementID').click(function() {
    // do something else here
})

Vorausgesetzt, der erste Handler, der aufgerufen wird, stoppt das Ereignis nicht (über .stopPropagation() oder durch Rückgabe false vom Handler), wird der nächste aufgerufen. jQuery garantiert, dass die Handler in der Reihenfolge aufgerufen werden, in der sie registriert sind (auch wenn der Browser das nicht tut). (Dies wird in der bind docs, sondern gilt für die click Funktion auch, da click ist nur eine Kurzfassung von bind für die click Veranstaltung).

Answer 3

Ja, Sie können mehr als ein Klick-Ereignis binden. Werfen Sie einen Blick auf die jQuery "bind" Methode.

http://api.jquery.com/bind/

Answer 4

Sie können die bind dafür.

Ejemplo:

$('#foo').bind('click mouseenter mouseleave', function() {
  $(this).toggleClass('entered');
});

Wie man sieht, sind drei Geraden angebracht z.B. click mouseenter mouseleave zu dem Element mit id eingestellt auf #foo .

Answer 5

Ja Sie können... jQuery ist gut auf Verkettung...

aber ich denke, Sie sollten mehr auf Ihre Frage zu klären, was Sie wirklich erreichen wollen ... so dass wir mehr und bessere Idee vorschlagen können ... Prost!