將jQuery應用於Google地圖控件中的HtmlDivElement對象

Question

我試圖在Google Maps v3中使用jQuery UI的buttonset()函數創建地圖圖例。我想通過程序生成div標籤，所以我的代碼看起來像

var legend = document.createElement("div"); 
var input = document.createElement("input"); 
var label = document.createElement("label"); 
input.setAttribute("type", "checkbox"); 
input.setAttribute("id", "label"); 
label.setAttribute("for", "label"); 
label.innerHTML = "label"; 
input.appendChild(label); 
legend.appendChild(input); 
map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(legend) 
$(legend).buttonset() 

然而，如果沒有最後一行我得到一個複選框，但是當我添加的最後一行的複選框消失。有沒有辦法讓我在Google Maps中使用jQuery UI？或者我需要直寫Javascript嗎？

Answer 1

事實證明，我已經錯誤地命令了一些函數調用......這是我改變了我的代碼。

var legendWrap = document.createElement("div"); 
var legend = document.createElement("div"); 
var input = document.createElement("input"); 
var label = document.createElement("label"); 
input.setAttribute("type", "checkbox"); 
input.setAttribute("id", "label"); 
label.setAttribute("for", "label"); 
label.innerHTML = "label"; 
input.appendChild(label); 
legend.appendChild(input); 
$(legend).buttonset() // <--- need to call buttonset() before appending 
         //  it to the wrapped div 
legendWrap.appendChild(legend) 
map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(legendWrap) 
         // append the wrapped div instead