溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

解決Layui當中的導航條動態(tài)添加后渲染失敗的問題

發(fā)布時間:2020-08-25 15:18:09 來源:腳本之家 閱讀:356 作者:饅頭君一號 欄目:web開發(fā)

今天在使用Layui導航條動態(tài)添加的時候,發(fā)現(xiàn)動態(tài)添加后沒有辦法再次渲染他的效果,原因未知,但是已經(jīng)解決了,這里利用的方式是將它渲染出來的span.layui-nav-bar樣式利用DOM先刪除掉再重新渲染,直接貼圖看結(jié)果

<ul class="layui-nav" id="nav" layui-filter="test"></ul>

js代碼

$(function () {
      $.ajax({
        url: '/Main/GetType1',
        success: function (da) {
          //重點地方,將Layui在頁面加載時渲染出來的span.layui-nav-bar提前刪除掉
          $("#nav").find('span.layui-nav-bar').remove();
          $.each(da, function (index, value) {
            var name = da[index]['name'];
            var id=da[index]['id'];
            var $li = $("<li class='layui-nav-item' id='t"+id+"'><a href='javascript:;'>" + name + "</a></li>");
            $("#nav").append($li);
            //addul("t" + id, id);
          })
          //列表添加完后再次執(zhí)行渲染
          xuanran();
        }
      })
    })
 
function xuanran() {
      layui.use('element', function () {
        var element = layui.element;
        var layFilter = $("#nav").attr('lay-filter');
        element.render('nav', layFilter);
      })
    }

這樣就解決了問題!

以上這篇解決Layui當中的導航條動態(tài)添加后渲染失敗的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI