Question

我希望在iframe的源代码中插入一个变量，以使用.html插入另一个元素的href。这个问题有单引号和双引号。我试过，但变量被视为一个字符串。哪个是使JS文件将其作为变量读取的正确方法？

特定变量为 videoUrl 。

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'
    });
});

试试这个。

使用.html（）使用jQuery在src属性HTML5中插入变量

2 个答案: