Cómo ejecutar una función en jquery

Question

Soy un novato en programación, y no puedo encontrar la manera de almacenar una función en JQuery y ejecutarla en varios lugares.

que tengo:

$(function() { 
    $("div.class").click(function(){ 
    //Doo something 

    }); 

    $("div.secondclass").click(function(){ 
    //Doo something 
    }); 

}); 

Ahora el 2 "// Doo algo" son los mismos, y no quiero que escribir el mismo código de nuevo.

Si pongo:

$(function() { 

    function doosomething() 
    { 
    //Doo something 
    } 

    $("div.class").click(doosomething); 

    $("div.secondclass").click(doosomething); 

}); 

que se ejecutan la función de carga de la página, en lugar de sólo cuando se hace clic.

¿Cómo hago esto correctamente?

Gracias!

Answer 1

Lo siguiente debería funcionar bien.

$(function() { 

    // Way 1 
    function doosomething() 
    { 
    //Doo something 
    } 

    // Way 2, equivalent to Way 1 
    var doosomething = function() { 
    // Doo something 
    } 

    $("div.class").click(doosomething); 

    $("div.secondclass").click(doosomething); 

}); 

Básicamente, usted está declarando su función en el mismo alcance que su use (JavaScript utiliza para determinar el alcance Closures).

Ahora, ya que las funciones en JavaScript se comportan como cualquier otro objeto, puede simplemente asignar doosomething como la función de llamar al hacer clic mediante el uso de .click(doosomething);

Su función no se ejecutará hasta que llame usando doosomething() (doosomething sin el () se refiere a la función pero no la llama) o llama a otra función (en este caso, el controlador click).

Answer 2

function doosomething() 
{ 
    //Doo something 
} 


$(function() { 


    $("div.class").click(doosomething); 

    $("div.secondclass").click(doosomething); 

}); 

Answer 3

alternativa (yo diría que preferentemente), puede hacerlo de esta manera:

$(function() { 
    $("div.class, div.secondclass").click(function(){ 
    //Doo something 
    }); 
}); 

Answer 4

lo haría de esta manera:

(function($) { 
jQuery.fn.doSomething = function() { 
    return this.each(function() { 
     var $this = $(this); 

     $this.click(function(event) { 
     event.preventDefault(); 
     // Your function goes here 
     }); 
    }); 
}; 
})(jQuery); 

Luego, el documento listo, puede hacer cosas como esta:

$(document).ready(function() { 
    $('#div1').doSomething(); 
    $('#div2').doSomething(); 
}); 

Answer 5

es éste el más Obfusc solución ated posible? No creo que la idea de jQuery fuera crear código como este. También existe la presunción de que no queremos crear eventos, lo que probablemente sea incorrecto.

simple movimiento doosomething() fuera del $(function(){} hará que tienen alcance global y mantener el código simple/legible.

Answer 6

También puede hacer esto: como quiere que una función se use en todas partes, puede hacerlo llamando directamente a JqueryObject.function(). Por ejemplo, si desea crear su propia función para manipular cualquier CSS en un elemento:

jQuery.fn.doSomething = function() { 
    this.css("position","absolute"); 
    return this; 
} 

Y la forma de llamarlo:

$("#someRandomDiv").doSomething();