jquery - Bootstrap CSS 类不适用于动态

Question

我有一个水平菜单，其中有 dropdowns 。我需要 dropdown-menu 中的 li我已经动态注释掉了。所以我添加了 div 并想到在 div 上附加动态 <li>在 jQuery 中。

HTML

<li class="dropdown">
 <ul class="dropdown-menu" role="menu">
    <%-- <li ><a href="Link1">Link1</a></li>
         <li ><a href="Link2">Link2</a></li>
    --%>
    <div id="dvLinks"></div>
   </ul> 
 </li>

jQuery

var invDiv = '';
$.each(result, function (i, value) {
   invDiv += '<li><a href=' + result.href + '>' + Links + '</a></li>'; 
});

$('#dvLinks').append(invDiv);

从上面，我得到了结果，但是class="dropdown-menu"不适用于这些动态li。自 <div> <ul> 中不允许从技术上讲，所以我在下面尝试了。但这并没有给我任何用户界面结果。请帮忙，我哪里出错了。

<li class="dropdown"> 
    <div id="dvLinks"></div> 
  </li>

var invDiv = '<ul class="dropdown-menu" role="menu">';

$.each(result, function (i, value) {
   invDiv += '<li><a href=' + result.href + '>' + Links + '</a></li>'; 
});

invDiv += '</ul>'

$('#dvLinks').append(invDiv);

Answer 1

只需将 LI 字符串附加到 UL 元素即可，此处不需要 div:

<li class="dropdown">
    <ul class="dropdown-menu" role="menu" id="dvLinks"></ul> 
</li>

JS 保持不变，只是现在 $('#dvLinks') 指向 UL:

var invLi = '';
$.each(result, function (i, value) {
   invLi += '<li><a href=' + result.href + '>' + Links + '</a></li>'; 
});

$('#dvLinks').append(invLi);