如果函数（）处于活动状态/被称为| Javascript，是否要进行淡入

我在外部Javascript文件中具有以下功能：

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

下面是我的html文件中的代码：

<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> 

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

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

开始新游戏

html文件中的Javascriptcode（“#开始按钮”通过启动新游戏而淡出）：

var game=document.getElementById（“pacman”）；
if（modernizer.canvas&&modernizer.localstorage&&
modernizer.audio&（modernizer.audio.ogg | | modernizer.audio.mp3））{
setTimeout（函数（）{PACMAN.init（game，“，100）；}，0）；
} 
document.getElementById（“startbutton”）.onclick=function（）{
PACMAN.startNewGame（）；
$（“#开始按钮”）.fadeOut（）；
}

---

但是现在我想知道，如果有人游戏结束（

函数等待（）

处于活动状态），那么

“#开始按钮”

将淡入（而不是

对话框（“按N键开始新游戏”）；

从

函数等待（）

），这样他可以通过再次单击

“#开始按钮”

再次玩游戏。我尝试了不同的组合，但没有效果。我怎么办？谢谢您的帮助。

您可以将其插入外部JS文件：

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

或者，如果希望它超级整洁，可以使用html文件中定义的函数抽象jQuery内容：

<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> 

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

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

然后外部JS调用该函数（外部JS中没有“无序”的jquery调用）：

---

您是否尝试过

$（“#开始按钮”）.fadeIn（）？是的，我试过这种组合：1<代码>document.getElementById（“startbutton”）；如果PACMAN.waiting（）{$（“#开始按钮”）.fadeIn（）}

2<代码>document.getElementById（“开始按钮”）.onclick=function（）{if（PACMAN.startNewGame（））{$（“#开始按钮”）.fadeOut（）}否则if（PACMAN.waiting（））{$（“#开始按钮”）.fadeIn（）}可能是代码中的错误。在1组合chrome inspector中，告诉我：未捕获SyntaxError：意外标识您应该在包含等待函数的脚本之前加载jQuery。或者使用vanilla javascript访问startbutton并模拟fadein效果（这是可行的），您是否尝试将其放在对话框注释掉的外部js中？@taha。现在我有了解决办法。谢谢你的帮助！它起作用了！：-）现在我将尝试超级整洁的版本，所以我会学到更多。谢谢！