0
我試圖在谷歌地圖的裏面顯示一個jQuery手風琴,但是當我點擊離開手風琴菜單時,它不會作爲手風琴,當我重新打開時它。我無法從頭開始創建自己的手風琴,因此無法解決這個問題。有關如何使其正常工作的任何幫助?在谷歌地圖中損壞的jQuery手風琴
http://mulibraries.missouri.edu/Reference/virtour/demo_fs_mobile.php
我試圖在谷歌地圖的裏面顯示一個jQuery手風琴,但是當我點擊離開手風琴菜單時,它不會作爲手風琴,當我重新打開時它。我無法從頭開始創建自己的手風琴,因此無法解決這個問題。有關如何使其正常工作的任何幫助?在谷歌地圖中損壞的jQuery手風琴
http://mulibraries.missouri.edu/Reference/virtour/demo_fs_mobile.php
你需要用事件將再次創建這些元素了。
我使用jQuery
改善你的代碼,試試這個:
function HomeControl(controlDiv, map) {
var menu_btn = $("<div>");
menu_btn.attr('id', 'menu_btn');
menu_btn.attr('title', 'Click to show the Map Navigation');
menu_btn.html('<b>Menu</b>');
menu_btn.css({
backgroundColor: 'white',
cursor: 'pointer',
textAlign: 'center',
});
$(menu_btn).click(function() {
$(controlDiv).empty();
menu_state = 1;
var menu_nav = $("<div>");
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 = $('<div id="accordion"><h3><a href="#">Change Library</a></h3> <div>Ellis<br>Engineering<br>Journalism</div><h3><a href="#">Change Floor</a></h3> <div>Ground Floor<br>First Floor<br>Second Floor<br>Third Floor<br>Fourth Floor<br></div> <h3><a href="#">Change Map</a></h3> <div>Virtual Tour<br>Video Tour<br>Study Rooms<br>Computers</div></div>');
$(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));
});
}
希望這有助於。
謝謝,這個固定的其他問題後,我得到了它以不同的方式工作。 – Ray
我遇到的另一個問題是,autoHeight不工作(高度應該保持不變),並且手風琴被放置在菜單按鈕的下方,而不是替換它在頂部 – Ray
@Raymond這是因爲'h3'標籤。您可以使用CSS來刪除此邊距。 –