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 
    }); 
});