JQuery替換不能與JW播放器一起工作

Question

我可能會用完全錯誤的方式解決這個問題，但我對JavaScript很新穎，這是我能想到的最簡單的方法。我試圖在單擊按鈕時將頁面頂部的縮略圖替換爲JW Player視頻。這是我到目前爲止的代碼：

HTML

<div class="series_graphic"></div> 
<button class="button-watch1">Watch now</button> 

JQuery的

$(".button-watch1").click(function() { 
    $(".series_graphic").replaceWith('<div id="player-1">Loading</div>'); 
}); 


    jwplayer("player-1").setup({ 
     file: "", 
     height: 360, 
     image: "", 
     width: 640 
    }); 

我可以得到它，如果我刪除了。點擊功能工作得很好，但只要正如我添加它，它會顯示的所有內容是「加載」文本，沒有別的。我做了相當多的故障排除/搜索，似乎無法弄清楚。我也嘗試了按鈕上的onclick，它返回了相同的結果。

對不起，如果這是一個超級愚蠢/簡單的問題。我非常感謝任何幫助，因爲我花了很長時間試圖弄清楚它！

Answer 1

嘗試將您的電話移至click處理程序中的jwplayer。

$(".button-watch1").click(function() { 
    $(".series_graphic").replaceWith('<div id="player-1">Loading</div>'); 
    jwplayer("player-1").setup({ 
     file: "", 
     height: 360, 
     image: "", 
     width: 640 
    }); 
});