jquery - jPlayerはjQuery.load（）メソッドの呼び出しを停止してChromeのコンテンツを更新しますが、Firefoxでは機能します

Question

jPlayerを使用してオーディオを再生しています。プレイが中断されないようにする必要があります。このために、jQuery.load（）メソッドを使用してページのコンテンツを読み込み、ページのコンテンツを置き換えています。

jPlayerのコンテンツは一切更新していません。

コードはFirefoxで正常に機能し、jPlayerは中断することなくオーディオを再生します。ただし、chromeとsafariでは、jPlayerは、jqueryloadメソッドの実行直後に停止してから再起動します。

また、ローカルマシンでコードを実行すると、どのブラウザでも中断されることはありません。サーバーでコードを実行した場合にのみ、中断が発生します。

私たちは音楽が途切れることなくある必要があります。

私のコードは以下の通りです：

function loadContent(pagePath) {
    //Method called on menu click to load content without page refresh
    //Loading the said page (pagePath - relative path of page)
    jQuery('#containerDiv').fadeOut(200, function() {
    jQuery('#waitingDiv').show();
        jQuery(this).empty();
        jQuery(this).load(pagePath, function() {
        jQuery(this).fadeIn(200, function() {
            jQuery('#waitingDiv').hide();
        });
    });
    });
}

//JPlayer initiation code on first page load
jQuery("#jquery_jplayer_1").jPlayer({
    ready: function () {
        jQuery(this).jPlayer("setMedia", {mp3: '../'+path});
    },
    swfPath: "../swf",
    supplied: "mp3",
    wmode: "window"
});

助言がありますか？

ありがとうAkhileshAggarwal

Answer 1

JPlayer 開始コードを loadContent 関数の上に移動してみてください