导航栏不是动态创建的

Question

在我的Android应用程序中我使用导航栏动态创建但它没有正确创建 请帮我解决我做错的事情

如果我删除li标签，它会以正确的方式出现

在one.xml中： -

<cat>
  <id>1</id>
</cat>
<cat>
  <id>ATTR11</id>
</cat>

在JQuery中： -

var a2 = "";
var a1 = "";
var reg = new RegExp('^[0-9]+$');
$.ajax({
  type: "GET",
  url: "one.html",
  contentType: "text/xml",
  dataType: "xml",
  data: "",
  success: function (xml) {
    $(xml).find("cat").each(function () {
        var id = $(this).find('id').text();
        if (id.match(reg) !== null) {
            a2 = a2 + '<a href="#">' + id + '</a>';

        } else {
            a1 = a1 + '<li><a href="#">' + id + '</a></li>';

        }
        $("#xyz").append(a2).trigger('create');
        $("#abc").append(a1).trigger('create');
    }
    });

在HTML5中： -

<div data-role="navbar" data-iconpos="top" >
  <ul id="abc"></ul>
</div>