Wywołanie funkcji show() tylko raz

pytanie zadane 2 lipca 2018 w JavaScript przez fyrr Użytkownik (910 p.)

Witam, mam taki banalny problem - chciałbym, aby funkcja show() została wywołana tylko raz po kliknięciu na element $(".galeryOption"). Chodzi o to żeby kolejne kliknięcie na ten element nie przyniosło żadnego rezultatu.

Jak to zaimplementować do mojego kodu:

$("#zoomIn").hide();

    $(".galeryOption").click(function () {

        $("#zoomIn").show(500);



    });

    $("#zoomIn").click(function () {
        $("#zoomIn").hide();
        $("#galery").animate({
            height: "717px",
            width: "1200px"
        });

2 odpowiedzi

odpowiedź 2 lipca 2018 przez surfeliza Stary wyjadacz (11,260 p.)
wybrane 2 lipca 2018 przez fyrr

Najlepsza

$("#zoomIn").hide();
$(".galeryOption").click(function () {
	$("#zoomIn").show(500);
  $(".galeryOption").off("click");
});
 
 $("#zoomIn").click(function () {
        $("#zoomIn").hide();
        $("#galery").animate({
            height: "717px",
            width: "1200px"
        });
 });

Od tego w jQuery masz off(), które usuwa zdarzenie lub removeEventListener w czystym js.

Kolegi sposób z pod spodu co prawda zadziała ale niepotrzebnie obciąża przeglądarkę - za każdym kliknięciem byłoby sprawdzane czy zmienna ma wartość false - po co?.

komentarz 2 lipca 2018 przez fyrr Użytkownik (910 p.)

Wielkie dzięki, działa jak należy.

komentarz 2 lipca 2018 przez ScriptyChris Mędrzec (190,170 p.)

Kolegi sposób z pod spodu co prawda zadziała ale niepotrzebnie obciąża przeglądarkę - za każdym kliknięciem byłoby sprawdzane czy zmienna ma wartość false - po co?.

Jeśli czepiać się szczegółów, Twój kod przy każdym kliknięciu pobiera referencje do elementów w DOM, co jest bardziej obciążające niż sprawdzenie warunku logicznego. Więc - przyganiał kocioł garnkowi... :P

komentarz 2 lipca 2018 przez Oskar F. Użytkownik (620 p.)

Jak napisałem nie znam się na js ani jQuery. Masz racja jeżeli nie trzeba to nie warto marnować moc naszego komputera. W js jestem kocioł :P

komentarz 3 lipca 2018 przez surfeliza Stary wyjadacz (11,260 p.)

@JSHolic, jak ja na to mogłem nie wpaść... :P

odpowiedź 2 lipca 2018 przez Oskar F. Użytkownik (620 p.)

Nie znam się na JS ale to w każdym języku programowania zadziała. Zrób zmienną najlepiej bool. Jak klikniesz ustaw bool na true.

Dajesz

if(bool==false)

{

Tutaj twoja funkcja show

}

komentarz 2 lipca 2018 przez fyrr Użytkownik (910 p.)

Muszę coś źle robić, bo nie działa, możesz sprawdzić czy o to chodzi ?

    $("#zoomIn").hide();
    
    let flag = false;

    if (flag == false) {

        $(".galeryOption").click(function () {
            $("#zoomIn").show(500);
        });
        
        flag = true;
        
    }

komentarz 2 lipca 2018 przez Oskar F. Użytkownik (620 p.)

let chyba nie jest odpowiednikiem bool więć daj

$("#zoomIn").hide();
 
let flag = 0;
 
if (flag == 0) {
 
    $(".galeryOption").click(function () {
        $("#zoomIn").show(500);
    });
     
    flag = 1;
     
}

Jeżeli let jest boolem spróbuj dać jeden znak =