javascript - JQuery - 单击时切换文本无法正常工作

Question

如果你看一下 this page here你会看到我有一个 Youtube 画廊设置，大部分都有效。当您单击缩略图时，它会切换视频，但不会正确切换右侧的文本。它似乎正在加载视频后面的文本，在某些情况下需要单击两次才能切换右侧的文本。

看看下面的 jQuery，有人可以帮我确定问题吗？

谢谢!

<script>
function replaceVideo(id) {
  originalSrc = jQuery("iframe", "#" + id).attr("src");
  autoPlay = originalSrc + "&autoplay=1";
  jQuery("iframe", "#" + id).attr("src", autoPlay);
  video = jQuery(".video-content", "#" + id).html();
  text = jQuery(".video-description").html();
  jQuery(".vid_desc").html(text);
  jQuery(".flex-video").html(video);
  jQuery("iframe", "#" + id).attr("src", originalSrc);
}

jQuery(".video-list li").click(function() {
  id = jQuery(this).attr("id");
  replaceVideo(id);
});

jQuery(window).load(function() {
  if(window.location.search.substring(1)) {
        element = window.location.search.substring(1).split('&');
        if (document.getElementById(element[0])) {
            document.onload = replaceVideo(element[0]);
        }
    }
});
</script>

Answer 1

将代码包装在 document.ready 处理程序中。

$(function(){
jQuery(".video-list li").click(function() {
  id = jQuery(this).attr("id");
  replaceVideo(id);
});
});