Laden Sie die Javascript-Datei nach dem Klicken auf die Schaltfläche

Question

Dec 21, 2012, 05:29 PM

Laden Sie die Javascript-Datei nach dem Klicken auf die Schaltfläche

Ich versuche, eine Reihe von Textfeldern zu verwenden, um einige Daten in meiner JavaScript-Datei zu definieren. Also gebe ich in ein Textfeld den Teamnamen "Teamname" ein und die Javascript-Datei speichert in diesem Textfeld den Namen eines Teams, um eine Reihe von Turnierklammern auszudrucken.

Die Javascript-Datei ist in my enthalten<head> so wird es geladen, bevor ich die Daten tatsächlich in die Textfelder eingegeben habe. Ich habe diesen Code für eine Schaltfläche im HTML wie folgt:

script(type='text/javascript')
    $('#buttontest').click(function() {
        $('div.bracket').show();
        $('div.teamList').hide();
    });

Wenn der Knopf gedrückt wird, werden alle Textfelder ausgeblendet und die Klammern mit den benutzerdefinierten Teamnamen sollten erscheinen. Hier ist der Code am Ende meiner Javascript-Datei:

$(function() {
    $('#singleElim8').bracket({
        init: singleElim8Data
    })
  $('.bracket').hide();
});

Also habe ich in div.bracket die Klasse # singleElim8, die das Javascript benutzt. Aber wie würde ich es ändern, damit dieses Javascript zum Initialisieren der Klammern erst dann läuft, wenn der Button angeklickt wurde? Auf diese Weise werden die Klammern gerendert, nachdem die Textfelder ausgefüllt wurden. Jede Hilfe wird gebeten.