燃料 ux 选择使用 ajax 添加选项答案

【问题标题】：fuel ux select add options with ajax燃料 ux 选择使用 ajax 添加选项
【发布时间】：2013-10-24 20:52:59
【问题描述】：

我有一个 FuelUX 选择：

<label>Sink</label>
    <div class="select btn-group" id="sinkSelect" style="width: 100%">
       <button type="button" data-toggle="dropdown" class="btn dropdown-toggle" style="width: inherit"><span class="dropdown-label"></span>
         <span class="caret"></span>
       </button>
       <ul id="sink-drop-down" class="dropdown-menu" style="max-height: 200px; overflow-y: scroll;">
         <li><a href="#">*</a>
        </li>
      </ul>
     </div>

我正在尝试在页面加载时向其中添加条目，如下所示：

$.ajax({
     type: "GET",
     url: "/stamp/policyServlet",
     data: {
     annot: "Sinks"
     },
     dataType: "xml",
     success: function(xml) {
     var seen = [];
          $(xml).find('sink').each(function() {
              var d = $(this).attr("desc");
              $("#sink-drop-down").append('<li><a href="#"></a>' + d + '</li>');
          }
});

这些条目看起来很好，但是下拉菜单中突出显示的选择在条目之间的行上起作用，而不是条目本身......换句话说，下拉菜单有点被搞砸了。有没有更强大的方法来做我想做的事情，或者有一种简单的方法来刷新下拉菜单以使其正常工作？

谢谢！

【问题讨论】：

标签： ajax jquery fuelux

【解决方案1】：

问题与 Fuel UX 无关，这也许不足为奇。选项标签文本在li 内，但不在a 标记内。

因此，正确的追加命令为：

$("#sink-drop-down").append('<li><a href="#">' + d + '</a></li>');

【讨论】：