Möchten Sie einblenden, wenn eine Funktion() aktiv ist/aufgerufen | Javascript

Question

Ich habe die folgende Funktion in einer externen Javascript-Datei:

function waiting() {          
    if (state === WAITING && stateChanged) {    
     stateChanged = false; 
     map.draw(ctx); 
     //dialog("Press N to start a new game"); 
    } 
} 

Und hier die Codes in meine HTML-Datei:

<div id="pacman"> 
     <a id="startbutton" type="button" class="btn btn-start" value="">Start new game</a> 
     <script src="/pacman/pacman.js" type="text/javascript"></script> 
     <script src="/pacman/modernizr-1.5.min.js" type="text/javascript"></script> 
    </div> 

Javascriptcode in html-Datei ("#startbutton" fade out durch das Starten ein neues Spiel):

var game = document.getElementById("pacman"); 

    if (Modernizr.canvas && Modernizr.localstorage && 
     Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) { 
     window.setTimeout(function() { PACMAN.init(game, "<?php echo $root; ?>", 100); }, 0); 
    } 

    document.getElementById("startbutton").onclick = function(){ 
     PACMAN.startNewGame(); 
     $("#startbutton").fadeOut(); 

    } 

Aber ich möchte jetzt, wenn jemand Spiel vorbei ist (function waiting() aktiv ist), dass die "#startbutton" einblenden (anstelle der dialog("Press N to start a new game"); aus der function waiting()), damit er wieder abspielen kann, indem er erneut auf die "#startbutton" klickt. Ich habe verschiedene Kombinationen ausprobiert, aber nichts funktioniert. Wie kann ich damit umgehen? Danke für die Hilfe.

Answer 1

Sie könnten wahrscheinlich mit Verklemmen es in die externe JS-Datei weg:

function waiting() {          
    if (state === WAITING && stateChanged) {    
     stateChanged = false; 
     map.draw(ctx); 
     //dialog("Press N to start a new game"); 
     $("#startbutton").fadeIn(); 
    } 
} 

Oder, wenn Sie es wünschen Super ordentlich sein, kann man abstrakt die jQuery-Material mit einer Funktion in der HTML-Datei definiert :

var game = document.getElementById("pacman"); 
// rest of your code 

function fadeInStartButton() { 
    $("#startbutton").fadeIn(); 
} 

und dann externer JS nennt diese Funktion (keine "unordentliche" jquery Anrufe in der externen js):

function waiting() {          
    if (state === WAITING && stateChanged) {    
     stateChanged = false; 
     map.draw(ctx); 
     if (fadeInStartButton) fadeInStartButton(); 
     else dialog("Press N to start a new game"); // if no function is defined, use the old way 
    } 
}