YouTube视频iframe点击

Question

我正在尝试通过单击链接加载yt视频，但我需要两个操作才能发生。问题是我不能只执行一个操作。有没有办法做到这一点？

<a href="tS8392pvFIw">Windows Phone</a>  //this works
<a href="#video">Windows Phone</a> // but I also need this anchor to execute

我试过这个，但它不起作用：

<a href="#video" onclick="tS8392pvFIw">Windows Phone</a>

Answer 1

我建议你创建一个执行这两个操作的新函数。在 jquery 中为此链接创建一个新的侦听器，随之传递事件并执行event.preventDefault()以避免 href 操作。然后执行您的"tS8392pvFIw"，然后使用此函数使用您的 id 转到您的元素：

function goToByScroll(id){
      // Remove "link" from the ID
    id = id.replace("link", "");
      // Scroll
    $('html,body').animate({
        scrollTop: $("#"+id).offset().top},
        'slow');
}

我在这个问题中采用了这段代码：使用 jquery 滚动到div看一看。