まず、可能であれば非同期で実行する必要があることはわかっています。
wrap という関数があります。
基本的に、現在のページを iframe として読み込みます。ページでリンクをクリックしても JavaScript を実行し続けるために必要です。
function wrap(){
event.preventDefault();
var pathname = window.location.pathname;
$('body').html('<iframe id="wrapper" src="'+ pathname +'" >')
$('iframe').load(function (){
//this is where the magic outght to happen
});
}
ラップが実行されたら、iframe のコンテンツの操作を開始したいと考えています。アプリの構造については、ラップ関数の外側から、またはラップ関数に渡すパラメーターを使用してこれを行う必要があります。アニメーションを実行したり、サウンドを再生したりする一連の関数でこれを行います (時間がかかり、順次実行する必要があるもの)。これは私が理想的にはどのように見えるかです。
wrap();
highlight('#one');
highlight('#two');