javascript - listnav 不适用于 jQuery 1.6.2

Question

.listnav 不适用于 jQuery 1.6.2。由于我以前从未使用过 listnav，所以我想我可能做错了什么。我已经删除了很多额外的代码。另外，我确实有一个 .listnav css，并且引用了 jquery-1.6.2.min.js 和 jquery.listnav-2.1.js。我的代码可以正常获取数据，但是当我到达 $("#nasphoneUserList"+ _phoneusertabid).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();
}

Answer 1

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

看看:https://github.com/esteinborn/jquery-listnav