Dublowanie funkcji po wywołaniu innej

Question

Hi! Mam taki kod, wszystko na pierwszy rzut oka wygląda wporządku, gdyby nie jeden problem. Po kliknięciu w przycisk "dodaj obraz dodatkowy", dodaniu odpowiedniej ilości zawartości, następnym jego zamknięciu poprzez button "x" i następnie kliknięciu w dodaj obraz prezentacji i również dodanie czegoś - zawartość #divek się dubluje. Wiecie, co może być tutaj powodem takiej sytuacji? Z góry dziękuję, będę sypał reputami, bo walczę z tym jakiś czas.

https://jsfiddle.net/x0x0cgmx/

Answer 1

Przypisujesz do diva o id generuj nasłuchiwanie (przy pomocy on) przez co funkcja się nie dubluje, a wykonuje dwa razy bo ma przypisane dwa clicki (jeden od present, drugi od optional do tego samego diva generuj).

Możesz użyć funkcji http://api.jquery.com/off/ i usuwać nasłuchiwanie za każdym razem po wykonaniu.

(w skrócie daj $("#generuj").off(); na początku funkcji param).

Comments

Super, mniej więcej o to mi chodziło, jednak w jaki sposób mógłbym uzyskać ten sam efekt, pomijając wyłączenie nasłuchiwania podczas klikania w przycisk generuj.

Do tej funkcja wykonywała się w taki sposób, że po wpisaniu w pole wartości, mogłem dowolną ilość razy kliknąć w przycisk generuj i elementy się dodawały. Jak mniemam, w tym przypadku jest to wyłączone co kliknięcie w przycisk i muszę wyłączać i włączać okno ponownie. Jest to jakoś do obejścia?

---

Najprostsze co przychodzi mi do głowy to zrobienie dwóch popupów (albo po prostu dwa różne przyciski i zmienianie widoczności -> nie trzeba się będzie bawić w przypisywanie i odpisywania zdarzeń).