javascript - 使用 jquery onclick 加载 iframe，但它仅适用于 jsfiddle

Question

为什么这段代码在 jsbin.com 和 jsfiddle 中运行正确，但在我的网站上却不能？我有 jquery 库的 url，没有更多的想法......有人可以帮忙吗？请。

HTML :(只是 ID 会更容易)

<a href="JDglMK9sgIQ" class="video">#1</a>
<a href="LpKyzSxVhk4" class="video">#2</a>

<div class="video-wrapper">
    <iframe id="youtube" width="560" height="315" frameborder="0" allowfullscreen></iframe>
</div>

jQuery :

$('a.video').click(function () {
    var id = $(this).attr('href');
    var src = '//www.youtube.com/embed/'+id;
    $("#youtube").attr('src', src);
    return false;
});

Answer 1

确保正在加载 jQuery。您可以通过将此添加到头部部分来添加 cdn。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

并且您可能需要将函数包装在 $(document).ready() 函数中。

$(document).ready(function(){
    $('a.video').click(function () {
        var id = $(this).attr('href');
        var src = '//www.youtube.com/embed/'+id;
        $("#youtube").attr('src', src);
        return false;
    });
});

希望对您有所帮助!祝你好运。