layui 中动态添加的链接不生效

在使用 layui 时,点击左侧动态生成的链接不会调用事件,右边 iframe 没有反应

找了半天原来是要将 var active = { 及之后的这条赋值语句放到 ajax 获取成功后的方法里边或者重新在里边写入如下语句重新绑定一下点击事件,否则链接点击不生效

$(".site-url").on('click', function () {
    var nav = $(this);
    var length = $("ul.layui-tab-title li").length;
    if (length <= 0) {
        active.tabAdd(nav.attr("data-url"), nav.attr("data-id"), nav.attr("data-title"));
    } else {
        var isData = false;
        $.each($("ul.layui-tab-title li"), function () {
            if ($(this).attr("lay-id") == nav.attr("data-id")) {
                isData = true;
            }
        });
        if (isData == false) {
            active.tabAdd(nav.attr("data-url"), nav.attr("data-id"), nav.attr("data-title"));
        }
        active.tabChange(nav.attr("data-id"));
    }
});

发表评论