Question

我是dropdowns的水平菜单。我需要dropdown-menu中的li，我已经动态地评论过了。所以我添加了div并想到在jQuery中使用动态<li>附加div。

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 =＆＃34;下拉菜单＆＃34;不适用于这些动态li 。由于<div>技术上不允许<ul>，所以我在下面尝试过。但这并没有给我任何UI的结果。请帮忙，我哪里出错了。

<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);

Bootstrap CSS类未应用于动态<li> </li>

1 个答案: