在嵌入到 Thickbox 时更新 IFRAME src

Question

希望这里是一个简单的问题。

我正在运行一个 Wordpress 博客，其中包含大量指向不同城市的链接，这些链接指向 Google 地图上的某个位置。

我当前的设置包括为每个链接设置一个 iframe，当点击它时，该 iframe 会在一个厚框中弹出。

现在我的城市列表已经增加，我有很多很多 iframe 在页面加载时在后台预加载......这是一个问题。

我的想法是让每个链接更新 iframe 的 src，但我认为我的thickbox 把它扔掉了。

这是我试图用来更新链接的 javascript 代码..

document.getElementById('map_frame').src = new_url;

这将是一个触发此事件的关联链接...

<li class="sub_li">
  <a href="#TB_inlinemodalContent?height=700&width=500&inlineId=map_frame" onclick="switch_map('bregenz');" title="Bregenz, Austria" class="thickbox">bregenz</a>
</li>

在哪里，new_url 是通过一个大的 switch 语句填充的（通过使用跟踪调试，我知道至少这是可行的）。

但是，当灯箱弹出时，显示的地图永远不会改变......它只是我预加载的初始地图。

Answer 1

thickbox 可能会删除您的 onclick 处理程序，您应该添加代码以将您的点击处理程序添加到另一个上下文中的链接，例如：

<script type="text/javascript">
$(function() { //when the document is ready
  $('a.thickbox').bind('click',function() { //bind a click handler all the a elements with thickbox class
    switch_map($(this).attr("title")); //execute your function
  });
});
</script>

您可以添加一个名为“value”或“city”的新属性，而不是获取 title 属性，然后将要传递给 switch_map 函数的值放在那里。 我假设你可以使用 jQuery 来做到这一点。