Question

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

条目看起来很好，但是在drop中突出显示的选项在条目之间的行上运行，而不是条目本身...换句话说，下拉有点奇怪。有没有更强大的方法来做我想做的事情或一个简单的方法来刷新下拉菜单，这样就可以了？

谢谢！

Answer 1

问题与Fuel UX无关，也许并不令人惊讶。选项标签文字位于li内，但不在a标记内。

因此，正确的append命令为：

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

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

1 个答案: