谷歌地图iframe未在Internet Explorer 8中多次加载

Question

出于某种原因，Internet Explorer 8仅显示此页面中轮播中的第一个地图：

http://www.usatruckorientation.com/

我在旋转木马上使用了Bootstrap功能，而且只是在地图上使用了。

Answer 1

我在这个上做了一些谷歌搜索，实际上这很容易解决。如果您的代码中有两个或更多iframe元素，则需要使用javascript在每次单击轮播按钮时在代码中的第一个之后重新加载。像这样：

$('.btn-back').click(function () {
  $('#FrameId').attr("src", $('#FrameId').attr("src"));
});
$('.btn-back').click(function () {
  $('#FrameId2').attr("src", $('#FrameId2').attr("src"));
});
$('.btn-fw').click(function () {
  $('#FrameId').attr("src", $('#FrameId').attr("src"));
});
$('.btn-fw').click(function () {
  $('#FrameId2').attr("src", $('#FrameId2').attr("src"));
});

如果您的轮播按钮具有“btn-back”和“btn-fw”类，并且您的第二个和第三个iframe元素具有“FrameId”和“FrameId2”的ID