如何在jquery中链接另一个HTML页面到海报图像

how to link another html page to a poster image in jquery?

本文关键字：海报 图像 HTML 另一个 jquery 链接      更新时间：2023-09-26
var columnBlock = $('<div class="col-md-2">');
var imagePoster = $('<img>');
var selectButton = $('<a href="secondPage.html"><button class="selectButton"></button></a>');
var movieID = results[i].id;
imagePoster.attr('movie-id', movieID);
imagePoster.attr('src', 'https://image.tmdb.org/t/p/w500' + results[i].poster_path);
selectButton.text("Select Movie");
selectButton.attr('movie-id', movieID);
columnBlock.append(imagePoster);
columnBlock.append(selectButton);
$('.row').append(columnBlock);

我想使imagePoster链接到secondPage.html和我累了相同的方法，因为我做了按钮，但它带走了页面上的所有海报图像。

删除这个:columnBlock.append(imagePoster);

添加 this: var imagePoster_link = $('<a href="AnOtHeR.UrL">');
imagePoster_link.append(imagePoster);
columnBlock.append(imagePoster_link);

之前:columnBlock.append(selectButton); (不变)

简而言之它将img放在一个锚元素中，然后再发生在文档中。

相关文章：