可能是一个简单的问题,但现在就是这样。
我的地图上有一个图例,当我将其鼠标悬停时,它包含一些复选框。 我想将图例中的一些元素转换为jquery按钮。例如,$(“#unions”)。button();但是,我似乎无法访问图例中的元素。
我该怎么做?我的代码中包含了所有jquery文件,所以这不是问题所在。
var legend = '<ul>'
+ '<li> <b> Organization Type: </b><li>'
+ '<li> <input type="checkbox" id="unions" /> Unions '
+ '      <input type="checkbox" name="radio" id="nonunions" /> Non-Unions </li>'
+'<li> <b> Sectors (Union and Non-Union): </b> <li>'
+ '<li class="item"><input type="checkbox" name="radio" id = "agriculture" /> Agriculture</li>'
+ '<li class="item"><input type="checkbox" name="radio" id = "processing" /> Food Processing</li>'
+ '<li class="item"><input type="checkbox" name="radio" id = "warehouse"/> Warehouse</li>'
+ '<li class="item"><input type="checkbox" name="radio" id = "retail" /> Retail</li>'
+ '<li class="item"><input type="checkbox" name="radio" id = "food" /> Food Service</li>'
+ '<li> <b> Non-Union Organization Type: </b> <li>'
+ '<li class="item"><input type="checkbox" name="radio" id="advocacy" = "adv"/> Advocacy</li>'
+ '<li class="item"><input type="checkbox" name="radio" id = "service"/> Service</li>'
+ '<li class="item"><input type="checkbox" name="radio" id = "workcenter" /> Work Center</li>'
+ '</ul>';
$(controlLegend).html(legend);
答案 0 :(得分:2)
$("#unions").button();
不是DOM的一部分, controlLegend
将无法运作。您可以使用.find()
转到controlLegend
内的元素。
$(controlLegend).find("#unions").button();