2017-08-01 40 views
0

私はうまく動作するスライドパズルゲームを持っています。パズルが完了すると、おめでとうメッセージがポップアップします。私がやっていることは、ユーザーを新しいパズルに連れて行くためのボタンを追加することです。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'); 
      } 
     } 
+0

としてそれをマークし、その後に役立ちます場合は、このみました:[https://stackoverflow.com/questions/18145273/how-to-load-an-を外部のウェブページからa-htmlページへ](https://stackoverflow.com/questions/18145273/how-to-load-an-external-webpage-into-a-div-of -a-html-page)役に立ったとお伝えください。 – onno204

答えて

0

にあなたがトリガーにクリックハンドラを持っていませんページの変更。 ... .SP-ボックスがあなたの "次のレベル" ボタンで

の代わりにと仮定すると:

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

試してみてください。

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

パズルはうまくいきましたが、最後に何も起こりませんでした。上記のコードはTestラベルを持っていなかったことに気付きました。以前のバージョンのように、私はそれを追加しましたが、まだ何も示していませんでした。 – samw003801

+0

明確にしてください。レベルの終了時にリダイレクトが自動的に行われるか、ボタンをクリックする必要がありますか? ボタンをクリックする必要がある場合は、ハンドラがページの読み込みに正しく割り当てられるように、私が提供したスクリプトを "oncomplete"の外側に配置する必要があります。ボタンをクリックする必要がない場合、 "on"メソッドでラップせずに、このラインをあなたのオンコンプリートに配置するだけです。 'document.location.href =" level2.html ";' – Korgrue

0

私が正しくあなたの問題を理解している場合、私は、コードの下に信じています問題を解決するはずです。

sp_boxがポップアップ内のアクションボタンのクラスであると仮定します。

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

この私の答えは親切に答え

関連する問題