Załaduj plik javascript po kliknięciu przycisku
Próbuję użyć zestawu pól tekstowych, aby zdefiniować niektóre dane w moim pliku JavaScript. W polu tekstowym wpisuję nazwę zespołu „Nazwa zespołu”, a plik javascript używa tego pola tekstowego do przechowywania nazwy zespołu w celu wydrukowania zestawu nawiasów turniejowych.
Plik javascript jest zawarty w moim<head>
więc ładuje się przed wprowadzeniem danych w polach tekstowych. Mam taki kod dla przycisku w HTML:
script(type='text/javascript')
$('#buttontest').click(function() {
$('div.bracket').show();
$('div.teamList').hide();
});
Po naciśnięciu przycisku pola tekstowe są ukryte, a nawiasy z nazwami zespołów zdefiniowanymi przez użytkownika powinny się pojawić .... tutaj jest kod na końcu mojego pliku javascript:
$(function() {
$('#singleElim8').bracket({
init: singleElim8Data
})
$('.bracket').hide();
});
Tak więc w div.bracket mam klasę # singleElim8, której używa javascript. Ale jak mogę to zmienić, aby ten javascript zainicjował nawiasy tylko po kliknięciu przycisku? W ten sposób nawiasy renderują PO wypełnieniu pól tekstowych. Każda pomoc jest doceniana.