在作为String编写的onClick函数内传递变量

Question

我在videoURL函数中传递了showVideo()，这是<a>元素的onClick函数。

var title = 'Click Me';
var videoURL = 'http://testurl.test';

$('#files').append('<a href="#" onclick="showVideo(videoURL);">' + title + '</a>');

但是，点击<a>不起作用。它给了我一个错误，即videoURL未定义。

其他尝试（效果不佳）： 错误是预期的＆＃39;）＆＃39;。

$('#files').append('<a href="#" onclick="showVideo(' + videoURL + ');">' + title + '</a>');

如何正确编码变量I＆＃39; m？

Answer 1

这应该有效：

var title = 'Click Me';
var videoURL = 'http://testurl.test';

showVideo = function (url) {
  console.log(url);
};

$('#files').append('<a href="#" onclick="showVideo(\'' + videoURL + '\');">' + title + '</a>');