Question

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

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。您可以通过将此添加到head部分来添加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;
    });
});

希望有所帮助！祝你好运。

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

1 个答案: