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

如果我删除.click函数，我可以让它工作正常，但是一旦我添加它，它将显示的所有内容都是“正在加载”文本而没有别的。我做了很多故障排除/搜索，似乎无法搞清楚。我也尝试了按钮上的onclick，它返回了相同的结果。

很抱歉，如果这是一个非常愚蠢/简单的问题。我非常感谢任何帮助，因为我花了很长时间试图解决它！

Answer 1

尝试将您的呼叫转移到jwplayer处理程序中的click。

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

JQuery替换不使用JW Player

1 个答案: