在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ layui點(diǎn)擊頁碼后,表格里的按鈕就失效了?

layui點(diǎn)擊頁碼后,表格里的按鈕就失效了?

如圖,在第一頁的時候,刪除操作是可以用的。
當(dāng)點(diǎn)擊到第二頁的時候,刪除就失效了。
圖片描述

//查詢頁面信息,傳參:頁碼
function getInfo(page) {

    $.ajax({

        type: 'post',
        url: '/web/managers/selectAllManagers.do',
        dataType: 'json',
        data: {
            'page': page
        },
        async: false,
        success: function(data) {

            var list = data.data;

            if (data.flag == "success") {
                for (var i = 0; i < list.length; i++) {
                    $('tbody').append(
                        '<tr id="' + list[i].managerid + '">' +
                        '<td>' + list[i].managerid + '</td>' +
                        '<td>' + list[i].realname + '</td>' +
                        '<td>' + list[i].username + '</td>' +
                        '<td>' + list[i].password + '</td>' +
                        '<td>' + list[i].age + '</td>' +
                        '<td>' + list[i].sex + '</td>' +
                        '<td>' + list[i].position + '</td>' +
                        '<td>' + list[i].tel + '</td>' +
                        '<td>' +
                        '<button class="layui-btn layui-btn-small layui-btn-danger" data-toggle="modal" data-target="#delDevice" data-whatever="' + list[i].deviceid + '">刪除</button>' +
                        '</td>' +
                        '</tr>'
                    )
                }
            }


            layui.config({
                base: 'base/'
            }).use(['element', 'form', 'layer', 'laypage', 'table'], function() {
                var element = layui.element;
                var table = layui.table;
                var layer = layui.layer;
                var laypage = layui.laypage;

                //分頁
                laypage.render({
                    elem: 'layPage' //分頁容器的id
                        ,
                    layout: ['prev', 'page', 'next', 'limits', 'count'] //排版
                        ,
                    limit: 10 //每頁顯示數(shù) 
                        ,
                    groups: 3 //連續(xù)出現(xiàn)的頁數(shù)
                        ,
                    count: data.count //總條數(shù)
                        ,
                    curr: page,
                    theme: '#1E9FFF' //自定義選中色值
                        ,
                    skip: true //開啟跳頁
                        ,
                    jump: function(obj, first) {
                        if (!first) {
                            $('tbody').html('');
                            getInfo(obj.curr);
                        }
                    }
                });
            });
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest.status);
            console.log(XMLHttpRequest.readyState);
            console.log(textStatus);

        },
    })
}

//刪除人員信息;傳參:刪除項(xiàng)manageid

function delInfo(button,managerid) {

    $.ajax({
        type: 'post',
        url: '/web/managers/deleteManagersById.do',
        dataType: 'json',
        data: {"managerid":managerid},
        async: false,
        success: function(data) {
            if (data.flag == 'success') {           
                button.parents("tr").remove();
                window.location.reload();
                 alert('刪除成功');
            } else {
                alert('刪除失敗');
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest.status);
            console.log(XMLHttpRequest.readyState);
            console.log(textStatus);
        },
    })
}





$(function() {

    getInfo(1);


    //刪除操作
    $('.layui-btn-danger').on('click', function() {
        var button=$(this);
        var managerid = button.parents('tr').attr('id');
        console.log(managerid);
        delInfo(button,managerid);
    })
})
回答
編輯回答
詆毀你

用事件委托解決了,把刪除的點(diǎn)擊事件委托給了父層。

$('tbody').on('click',".layui-btn-danger",function() {
    var button=$(this);
    var managerid = button.parents('tr').attr('id');
    console.log(managerid);
    delInfo(button,managerid);
})
2017年3月22日 10:40