javascript - jQuery - 加载/注入(inject)远程页面 DIV 和 jQuery 脚本

Question

场景

使用 jQuery，我有一个页面有一个弹出式覆盖层，其中包含使用 Google map 标记的位置。

叠加层使用 2 个页面设置，如下所示:

• 主页通过指向 map 的文本链接打开叠加层。然后将完整的 map 页面加载到叠加层中。
• map 页面本身包含 Google 的 API 和初始化代码以加载正确的 map 。

实际上，只要我加载整个 map 页面，叠加层和 map 就可以正常工作。

问题

我的问题是，我不想加载整个页面，我只想加载包含 map 的特定 div。

我正在使用 jQuerys Ajax“加载”函数(如下所示)来加载完整的 map 页面。

wrap.load(this.attr("href")) 

如果我尝试更改它以加载特定的 DIV(如下所示)，页面 DIV 内容会正确加载，但未加载 Google API，这意味着 map 不会显示。

wrap.load(this.attr("href")+" #map_wrap") 

我已经尝试在打开叠加层的第一个主页上包含 Googles API 和初始化代码，但是，这仍然不起作用。

我也试过将代码嵌入到加载的 DIV 中，还是失败了。

问题

有没有办法将 map 页面 API 脚本与 DIV 一起加载？

Answer 1

重新安排页面编码后，我解决了问题。

我将 Google Maps API 代码包含到打开叠加层的主页中，然后在打开叠加层时，我需要调用 Google Map initialize() 函数。

问题已解决。