0

我有一个 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>');
          }
});

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

谢谢！

4

1 回答 1

0

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

因此，正确的附加命令读取：

$("#sink-drop-down").append('<li><a href="#">' + d + '</a></li>');
于 2013-10-27T01:39:29.203 回答