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"，然后使用此函数转到您的元素：

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

我在这个问题中使用了这段代码：scroll to a div using jquery 看一看。

youtube视频iframe onclick

1 个答案: