Question

我在网页上有一个具有完整数字分页的数据表实例。这包括First，Previous，Next和Last按钮以及各个编号按钮。

表格中的每一行都有一个“编辑”链接。当我点击它时，我想禁用分页工作。当我单击“取消”按钮时，我想恢复分页功能。我可以很容易地做第一部分，但我无法恢复分页点击功能。这是我的代码：

function ghostPage(state)
{
    // In this method, 'state' will be either true or false
    // If it's true, remove the click handler
    // If it's false, restore the click handler

    if(state)
    {
        $('#displayTable_paginate').find('a').each(function(e){
            $(this).off('click');
        })
    }
    else
    {
        $('#displayTable_paginate').find('a').each(function(){
            $(this).on('click');
        })
    }
}

Answer 1

如果要保存单击处理程序并稍后将其还原，请尝试此操作。

function saveClickHander(){
    var $this;
    $('#displayTable_paginate').find('a').each(function(e){
        $this = $(this);
        $this.data().originalClick = $this.data("events")['click'][0].handler;
    }) 

}

function ghostPage(state)
{
    // In this method, 'state' will be either true or false
    // If it's true, remove the click handler
    // If it's false, restore the click handler

    if(state)
    {
        $('#displayTable_paginate').find('a').each(function(e){
            $(this).off('click');
        })
    }
    else
    {
        var $this;
        $('#displayTable_paginate').find('a').each(function(){
            $this = $(this);
            $this.on('click', $this.data().originalClick);
        })
    }
}

删除和恢复数据表分页点击功能

1 个答案: