在分页JSON中切换页面后,在jquery中重置一个触发器

时间:2015-05-15 17:35:06

标签: jquery

我有一个带分页的引导程序表,我使用mouseover事件,当用户将鼠标移到表格上以获得x可编辑插件时,该事件由.one触发。

当我第一次加载表时,mouseover事件有效。一旦我转到下一页,mouseover事件就不再起作用了,因为它已经从第一页触发了。是否可以在切换页面后重置.one触发器,使其仅在每个页面触发一次,而不仅仅是整体触发一次。

JS表

var $table = $('#table-javascript').bootstrapTable({
    method: 'get',
    url: 'bootstrap_database.php',
    height: 2500,
    cache: false,
    striped: true,
    pagination: true,
    search: true,
    pageSize: 200,
    pageList: [200, 400, 1000, 2000],
    minimumCountColumns: 2,
    clickToSelect: true,
    columns: [{
        field: 'ID',
        title: 'ID',
        align: 'center',
        visible: false
    },{
        field: 'backlink',
        title: 'Backlink',
        align: 'left',
        width: '20'
    },{
        field: 'indexed',
        title: 'PI',
        align: 'center',
        width: '20',
    },{
        field: 'dindexed',
        title: 'DI',
        align: 'center',
        width: '20',
    },{
        field: 'email',
        title: 'Email',
        align: 'center',
        width: '20'
    },{
        field: 'social',
        title: 'Social+',
        align: 'center',
        width: '20'
    },{
        field: 'whois',
        title: 'Whois+',
        align: 'center',
        width: '20'
    },{
        field: 'notes',
        title: 'Notes',
        align: 'center',
        width: '20'
    },{
        field: 'removed',
        title: '<i class="fa fa-chain"></i> Removed',
        align: 'center',
        width: '20'
    },{
        field: 'import_label',
        title: 'Label',
        align: 'center',
        width: '20'
    },{
        field: 'important',
        title: '<i class="fa fa-eye fa-2x"></i>',
        align: 'center',
        width: '20'
    },{
        field: 'refresh',
        title: 'Refresh',
        align: 'center',
        width: '20',
        class: 'refreshstats'
    }]
});

HTML

<div id="table-javascript"></div>

x-editable code

$('#table-javascript').one('mousemove', function() {
    $('.email').on('mouseover', function() {
        var thislink = $(this).attr('data-value');
        $.fn.editableform.buttons  = '<a href="mailto:'+thislink+'" target="_blank"><i class="fa fa-external-link"></i></a>';
    });
});

1 个答案:

答案 0 :(得分:0)

试试这个

$('#table-javascript').on('mouseover', '.email', function() {
    var thislink = $(this).attr('data-value');
    $.fn.editableform.buttons  = '<a href="mailto:'+thislink+'" target="_blank"><i class="fa fa-external-link"></i></a>';
});