使用 Bootstrap 模态显示产品缩略图答案

【问题标题】：Using Bootstrap modal for product thumbnails使用 Bootstrap 模态显示产品缩略图
【发布时间】：2014-09-16 11:14:58
【问题描述】：

我在我的应用程序中使用 Bootstrap 模态功能，使用代码更详细地查看轮播中的缩略图

/product_details.php?id=12486

id=12486 显然是数据库中产品的 id。

除了一件事，如果我使用模态关闭链接 data-dismiss="modal" 来关闭模态，我选择的下一个图像会保留现有的 id，我最终总是看到选择的第一张图片。

为了解决这个问题，我使用了一个刷新页面的按钮，但如果我正在查看需要滚动通过轮播的图像，这将不起作用，因为我丢失了图像的位置。

我试图重置 product_details.php 文件中的 $_GET 变量，希望这会有所帮助，但无济于事。

任何想法我做错了什么？

【问题讨论】：

【解决方案1】：

在带有 data-dismiss="modal" 的链接上添加

onclick="$('.modalBody').html('');"

或者，正如人们建议的那样，添加这个

$('#modal-item').on('hidden', function() {
  $(this).removeData('modal');
});

【讨论】：

【解决方案2】：

这是我在关闭模式时最终添加的内容

$('body').on('hidden.bs.modal', '#myModal', function () {
    $(this).removeData('bs.modal');
    $(this).find('.modal-body').html('');
});

【讨论】：