Javascript 如何使函数创建的缩略图在html中可单击？

我试图在我的html代码中创建可点击的缩略图，但我不知道如何做到这一点。我知道

不行。如何使每个缩略图都可单击，以便指向另一个页面

下面是我用来从数据库获取数据和创建缩略图的函数 `

$（函数（）{
$.ajax({
url:“/getMovies”，
键入：“GET”，
成功：功能（响应）{
控制台日志（响应）；
var data=JSON.parse（响应）；
var itemsPerRow=0；
var div=$（''）.attr（'class'，'row'）；
对于（var i=0；i在添加缩略图后使用：

$(".thumbnail").onclick(function(){
    document.location.href = newUrl;
}

您可以通过以下方式使用jQuery收听单击：

// Change the selector used below
$('#some-id-here').click(function(){
    // Your code here
});

还有另一种方法，使用“on”。这可能对您更有用，因为它还会触发动态添加到页面中的项目，这看起来就是您的情况

// Change the selector used below
$('#some-id-here').on('click', 'img', function(){
  // Your code here.
});

此外，您可以选择带有
$（document）
（而不是
#此处的某些id
）的文档在页面上全局应用它，因此每个
img
标记都会触发此函数。
您尝试了
$（document）。在（“单击”、“.缩略图”，function（）{}）
没有。我怎么能把它和我的代码一起使用呢？谢谢@CarstenLøvboAndersen
// Change the selector used below
$('#some-id-here').on('click', 'img', function(){
  // Your code here.
});