javascript - 在谷歌地图 infoBubble 中添加 Accordion (来自谷歌地图实用程序库)

Question

我正在尝试在谷歌地图中添加一个 jquery Accordion (http://jqueryui.com/demos/accordion/) infoBubble

我首先添加一个类似于

的标记

<div id="accordion">
   <h3><a href="#">First header</a></h3>
   <div>First content</div>
   <h3><a href="#">Second header</a></h3>
   <div>Second content</div>
</div> 

到信息气泡。但我无法将任何事件附加到上述标记。

当我尝试调用 $( "#accordion").accordion();在类似于

的 domready 事件中

google.maps.event.addListener(infoBubble, 'domready', function() {
    $("#accordion").accordion();
});

它似乎没有附加事件。

我不确定我的代码有什么问题。有人可以帮我解决这个问题吗？

Answer 1

您的代码无法运行，因为它在信息气泡中的 Accordion 出现之前运行。您需要放置该代码，以便在设置信息窗口的内容后调用它。不仅打开后需要运行，而且打开后还要运行几百毫秒。 (您必须在所有浏览器中进行测试才能找到合适的时间——我随意选择了 500 毫秒，它起作用了。)在查看 Infobubble 代码后，我很失望地发现，除非我遗漏了什么，否则不会触发任何事件打开完成后。

但是，通过将此代码放在您链接到的示例的第 122 行(信息气泡打开后)以及下方标记的点击回调中，我能够使其正常工作:

    setTimeout(function() {
        $("#accordion").accordion();
    }, 500);

这不是最佳解决方案，但至少它说明了问题并有望找到正确的解决方案。