使用.html()使用jQuery插入SRC属性HTML5内部的变量

Question

我想在iframe 的源内插入一个变量，以使用.html插入另一个元素的href。问题是有单引号和双重引号。我尝试过，但该变量被视为字符串。哪种使JS文件读为变量的正确方法？

特定变量是 vivetourl 。

var newsVideoLink = $('.js-item-video-link');
var videoUrl = newsVideoLink.attr('href');
newsVideoLink.on('click', function(event){
    event.preventDefault();
    newsVideoContainer.css({
        position: 'absolute',
        'z-index': '1',
        top: '0',
        left: '0'
    })
    .animate({
        width: '100%'
    }, 150)
    .html('<iframe src="videoUrl"' +
        ' frameborder="0" allowfullscreen></iframe>');
    newsItemClose.css({
        'z-index': '2',
        top: '-10px',
        right: '-540px',
        'font-size': '1em'
    });
});

Answer 1

只需使用字符串串联：

.html('<iframe src="' + videoUrl '" +

Answer 2

您需要将字符串拆分为iframe：

var newsVideoLink = $('.js-item-video-link');
var videoUrl = newsVideoLink.attr('href');
newsVideoLink.on('click', function(event){
    event.preventDefault();
    newsVideoContainer.css({
        position: 'absolute',
        'z-index': '1',
        top: '0',
        left: '0'
    })
    .animate({
        width: '100%'
    }, 150)
    .html('<iframe src="' + videoUrl + '"' +
            ' frameborder="0" allowfullscreen></iframe>');
    newsItemClose.css({
        'z-index': '2',
        top: '-10px',
        right: '-540px',
        'font-size': '1em'
    });
});

尝试这个。