在javascript中加载外部页面

我有一个可以正常工作的滑动益智游戏。一旦拼图完成，就会弹出祝贺信息。我想要做的是添加一个按钮，让用户进入一个新的难题。在javascript中加载外部页面

下面是一旦拼图完成时调用的代码，但是，什么也没有发生，我曾尝试写这些不同的方法，但无济于事

onCompleted: function(){ 
       $("p.mini").removeClass('mini') 

       $(".sp_box") .(function() { 
        document.location.href = "level2.html";}).html('TEST'); 
       $(".message-box > div > p").html("Congratulations!"); 
       $(".sp_box").addClass('visible'); 
      } 
     }

来源

2017-08-01 samw003801

你试过这样：[https://stackoverflow.com/questions/18145273/how-to-load-an-外部网页，进入-A-DIV-的-A-HTML页]（https://stackoverflow.com/questions/18145273/how-to-load-an-external-webpage-into-a-div-of -a-html-page）让我们知道如果这有帮助 – onno204

你没有点击处理程序来触发页面发生变化。假设.SP-箱子是你的 “下一个级别” 按钮...

相反的：

$(".sp_box") .(function() { document.location.href = "level2.html";}).html('TEST');

尝试：

$('.sp-box').on("click", function() { 
    document.location.href = "level2.html"; 
});

来源

2017-08-01 21:46:38 Korgrue

没什么，这个难题运行良好，但最终什么都没有发生。我意识到上面的代码没有测试标签，就像早期的版本，所以我补充说，但仍然没有显示。 – samw003801

请澄清。重新定向应该在关卡结束时自动发生，还是点击需要的按钮？如果需要点击一个按钮，那么我提供的脚本应该放置在“未完成”之外，以便在页面加载时正确指定处理程序。如果不需要点击一个按钮，那么你所需要做的就是将这条线放在未完成的地方，而不用“打开”方法。 'document.location.href =“level2.html”;' – Korgrue

如果我理解正确的话您的问题的话，我相信下面的代码应该解决这个问题。

假设sp_box是弹出窗口中的动作按钮类。

$('.sp-box').on("click", function() { 
    window.location.href = "level2.html"; 
});

如果我的回答可以帮助那么好心将其标记为一个答案

来源

2017-08-01 22:30:59

在javascript中加载外部页面

回答

相关问题