javascript - Intel XDK : document. location.href 导致错误页面

Question

你好 Stack Overflow 社区，我一直在搜索和尝试不同的东西，但似乎没有任何效果。在我的英特尔 XDK 项目中，当我尝试使用 location.location.href = "#EndGame"或它的其他形式时，页面确实发生了变化，但它变成了与我要求的页面不同的页面，在我的例子中它发生了变化到“主页”。当我使用按钮而不是 JavaScript 时，它会正常发生。我检查了我的代码，我认为其中没有任何东西会导致问题。那么这是一个错误吗？如果是的话，你能为我建议一种解决方法吗？

我在 JavaScript 和 HTML5 方面不是很熟练，所以这似乎是个糟糕的问题。

这是按钮:

<a class="button widget uib_w_3 d-margins PictWid" data-uib="app_framework/button" data-ver="1" id="Start" style=" margin:0px auto;display:block" onclick="GameLoading()" href="#GamePlay" data-transition="fade">Start</a>

这是js代码:

    function GameOver()
{
     window.clearInterval(Timer);
    window.clearInterval(Timer2);
 w4=0
    for (i = 0; i < level; i++) 
    {
        CenterX[w4] = -100;
        CenterY[w4] = -100;
        w4+=1;
    }

    ShowGold();
    Draw1();

    level=0;
m=0;
k=0;
k2=0;
x3= 0+24.72;
y3 = hei2 - 24.72;
vx=0;
vy=0;
x2 = wid2/2;
y2 = hei2/2;
x = wid2/2;
y = hei2/2;

    setTimeout(function(){document.location.href = "#EndGame"},500);
    EndGamePage();
}

function EndGamePage()
{
     wid2 = screen.width;
    hei2 = screen.height;
    wid = screen.width - 20;
    hei = screen.height - 20;
if (wid < hei)
{   
    //alert("Testing2!")
    document.getElementById("Title2").style.width = wid + "px";
    document.getElementById("Start2").style.width = wid + "px";
    document.getElementById("Title2").style.marginTop = hei2*0.15 + "px";

} else
{
   // alert("Testing3!")
    document.getElementById("Title2").style.width =  hei + "px";
    document.getElementById("Start2").style.width = hei + "px";
    document.getElementById("Title2").style.marginTop = wid2*0.15 + "px";
} 

}

Answer 1

您不能让链接同时处理 href 和点击时触发的函数，因此正确的解决方案是将此行添加到您的函数 GameLoading() 中，或者从中调用一个新函数功能:

window.location+="/#EndGame"

不确定这是否适用于英特尔 XDK，但值得一试。