InstantClick.jsを使用した最初のページ読み込み後にjquery.mb.YTPlayer.jsを機能させる方法はありますか?
プラグインは最初のページ読み込みでは正常に動作しますが、その後は動作しなくなります。
これが私が最初に初期化した方法です。ページの読み込みでは正常に機能しますが、さらにナビゲーションを行った後は機能しません。
app.js
InstantClick.on('change', function() {
$(".player").mb_YTPlayer();
});
その後、デバッグに何時間も費やしたところ、次のような結果になりました。
app.js
InstantClick.on('change', function() {
if ($(".mbYTP_wrapper")[0]){
$(".player").playerDestroy();
console.log('destroyed');
}
if (window.YT) {
console.log(window.YT);
}
$(".player").mb_YTPlayer();
});
jquery.mb.YTPlayer.jsで、これを.playerDestroyに追加しようとしました:
playerDestroy: function () {
jQuery("#YTAPI").remove();
}
最初のページ ロードではオブジェクトウィンドウが表示されます。もちろん、 YTは存在しませんが、最初のページ ナビゲーションの後に 1 つのオブジェクトを取得し、次に 1 つのナビゲーションに対して 2 つのオブジェクトを取得し、次に 3 つのオブジェクトを取得します。以下は、4 つのページ ナビゲーション、10 個のwindow.YTオブジェクトの後です。