使用Bootstrap模式获取产品缩略图

Question

我在我的应用程序中使用Bootstrap模式功能使用代码更详细地查看旋转木马的缩略图

  

/product_details.php?id=12486

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

除了一件事，如果我使用模态关闭链接 data-dismiss =“modal” 来关闭模式，我选择的下一个图像保持现有的id和i最终总是看到第一个图像被选中。

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

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

任何想法我做错了什么？

Answer 1

在数据解除=＆＃34;模态＆＃34; 添加

的链接上

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

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

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

Answer 2

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

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