Jak uruchomić funkcję w jquery

Question

Jestem programistą newbie i nie mogę wymyślić, jak zapisać funkcję w JQuery i uruchomić w niej wiele miejsc.

mam:

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

    }); 

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

}); 

Teraz 2 "// Doo somethings" są takie same, a ja nie chcę znowu pisać tego samego kodu.

Jeśli kładę:

$(function() { 

    function doosomething() 
    { 
    //Doo something 
    } 

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

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

}); 

To by uruchomić funkcję na stronie obciążenia, a nie tylko wtedy, gdy zaskoczy.

Jak zrobić to poprawnie?

Dzięki!

Answer 1

Następujące elementy powinny ładnie działać.

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

}); 

Zasadniczo, deklarują swoją funkcję w takim samym zakresie jak wasz używasz go (JavaScript wykorzystuje Closures celu określenia zakresu).

Teraz, ponieważ funkcje w JavaScript zachowywać się jak każdy inny obiekt, można po prostu przypisać doosomething jako funkcja zadzwonić na kliknięcia za pomocą .click(doosomething);

Twoja funkcja nie będzie wykonywał do czasu wywołania go za pomocą doosomething() (doosomething bez () odnosi się do funkcji, ale jej nie nazywa) lub innej funkcji wywołującej (w tym przypadku procedura obsługi click).

Answer 2

function doosomething() 
{ 
    //Doo something 
} 


$(function() { 


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

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

}); 

Answer 3

Alternatywnie (powiedziałbym najlepiej), można zrobić to tak:

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

Answer 4

chciałbym zrobić to w ten sposób:

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

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

Wtedy na dokumencie gotowy można robić rzeczy w ten sposób:

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

Answer 5

Czy to najbardziej obfusc? możliwe rozwiązanie? Nie wierzę, że jQuery miałoby stworzyć taki kod. Istnieje również domniemanie, że nie chcemy burzyć wydarzeń, co prawdopodobnie jest złe.

Proste przenoszenie doosomething() poza numerem $(function(){} spowoduje, że będzie miał zasięg globalny i sprawi, że kod będzie prosty/czytelny.

Answer 6

Możesz to również zrobić - Ponieważ chcesz, aby jedna funkcja była używana wszędzie, możesz to zrobić, bezpośrednio wywołując JqueryObject.function(). Na przykład, jeśli chcesz stworzyć własną funkcję do manipulowania jakąkolwiek CSS na elemencie:

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

i sposobu to nazwać:

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