Javascript listnav不使用jQuery 1.6.2

.listnav不适用于jQuery 1.6.2。因为我以前从未使用过listnav，我想我可能做错了什么。我去掉了很多额外的代码。另外，我有一个.listnav css，我引用了jquery-1.6.2.min.js和jquery.listnav-2.1.js。我的代码在返回数据时起作用，但当我到达行$（“#nasphoneUserList”+_phoneusertabid）.listnav（）时； 我得到“对象不支持此属性或方法”错误

$（文档）.ready（函数（）{
//标题div
var divNP=$（“”，{id:“divNasPhoneUser”}）
.addClass（'reportheader-container'）
.appendTo（currtab）；
$("", {
id:“nasPhoneTitle”+_phoneusertabid，
文本：“NAS电话列表”
}).addClass（“报告标题标签”）
.附录（divNP）；
//外部控制容器
divPhListCtrls=$（“”，{id:“nasphoneUser_divlistCtrls”+phoneusertabid}）；
//电话列表
div容器
divPhList=$（“”，{id:“nasphoneUserList nav”}）
.addClass（“电话列表”）
.附录（divPhListCtrls）；
//为电话列表添加

$（“
，{id:“nasphoneUserList”}）
.addClass（“”）
.附录（divPhList）；
//两个ajax调用，最后一个调用的回调函数如下
});
函数nasPhoneUser\u构建电话列表（数据）{
var ulphonelst=$（“#nasphoneUserList”+_phoneusertabid）；
$（ulphonelst.find（'li'）.remove（）；
var arrMetadata=GetNormalizeMetadataClean（数据）；
元。每个元数据，功能（i）{
$（“
”，{href:“#”，文本：this.DisplayName+“-”+this.Extension}）.appendTo（ulphonelst）；
});
$（“#nasphoneUserList”+_phoneusertabid）.listnav（）；
}

我实际上修改了ListNav并将其发布在GitHub上。 我将其迭代到2.2，并使其一直兼容到最新版本的jQuery。这将解决ListNav和jQuery 1.6.2的所有问题

---

看看：

你确定你已经加载了

listnav

库吗？是的，但是我们的页面有一个非常不同的架构。我将把这个链接移到主机页，看看它是否有什么不同。listnav自2009年以来就没有更新过——从那以后，jquery发生了大量的变化。尝试使用较旧版本的jQuery测试它。找到它使用的最后一个版本后，请阅读该版本的更改日志，然后修补代码。如果尝试执行上面的注释，当我静态声明html元素（如和

）时，helplistnav将无法工作。但是，当尝试从$（document）.ready（函数）中动态创建的元素创建listnav时，它显然无法解析这些元素。我已将其更改为静态创建，并且它现在工作得相当好。它是否具有销毁功能，以便我可以多次重新绑定列表？如果没有，我如何创建列表？请提供帮助。

$(document).ready(function () {

    // header div
    var divNP = $("<div />", {id: "divNasPhoneUser" })
    .addClass('reportheader-container')
    .appendTo(currtab);
    $("<span />", {
        id: "nasPhoneTitle" + _phoneusertabid,
        text: "NAS Phone List"
    }).addClass("reportheader-title label")
      .appendTo(divNP);

   //outer control container
    divPhListCtrls = $("<div />", { id:    "nasphoneUser_divlistCtrls" + phoneusertabid }).appendTo(currtab);
    // phone list  <ul> div container
    divPhList = $("<div />", { id: "nasphoneUserList-nav" })
        .addClass("phonelist-list")
        .appendTo(divPhListCtrls);
    // add <ul> for phone list
    $("<ul />", { id: "nasphoneUserList" })
    .addClass("")
    .appendTo(divPhList);

    //couple of ajax calls, the last of which has the function    below as its callback
});


function nasPhoneUser_buildPhoneList(data) {
    var ulphonelst = $("#nasphoneUserList" + _phoneusertabid);
    $(ulphonelst).find('li').remove();
    var arrMetadata = GetNormalizeMetadataClean(data);
    $.each(arrMetadata, function (i) {
       $("<li />", { href: "#", text: this.DisplayName + " - " +    this.Extension }).appendTo(ulphonelst);
    });
    $("#nasphoneUserList" + _phoneusertabid).listnav();
}