谷歌地图中破解的jQuery手风琴

我正试图在谷歌地图中显示一个jQuery手风琴，我有它工作但是当我点击我的手风琴菜单时，当我重新打开它时，它不会作为手风琴。 我不知道如何解决它而不从头开始创建我自己的手风琴。 有关如何使其正常工作的任何帮助？

http://mulibraries.missouri.edu/Reference/virtour/demo_fs_mobile.php

Answer 1

您还需要使用事件再次创建这些元素。

我使用jQuery改进了你的代码，试试这个：

 function HomeControl(controlDiv, map) { var menu_btn = $("
"); menu_btn.attr('id', 'menu_btn'); menu_btn.attr('title', 'Click to show the Map Navigation'); menu_btn.html('Menu'); menu_btn.css({ backgroundColor: 'white', cursor: 'pointer', textAlign: 'center', }); $(menu_btn).click(function() { $(controlDiv).empty(); menu_state = 1; var menu_nav = $("
"); menu_nav.attr('id', 'menu_nav'); menu_nav.attr('title', 'Click Map to close Menu'); menu_nav.css({ backgroundColor: 'white', cursor: 'pointer', textAlign: 'center', }); var accordion = $('
Change Library
 
Ellis
Engineering
Journalism
Change Floor
 
Ground Floor
First Floor
Second Floor
Third Floor
Fourth Floor
 
Change Map
 
Virtual Tour
Video Tour
Study Rooms
Computers
'); $(menu_nav).append(accordion); $(controlDiv).append(menu_nav); $(accordion).accordion({active: 1, autoHeight: false}); }); $(controlDiv).empty(); $(controlDiv).append($(menu_btn).clone(true)); google.maps.event.addDomListener(map, 'click', function() { menu_state = 0; $(controlDiv).empty(); $(controlDiv).append($(menu_btn).clone(true)); }); } 

希望这可以帮助。