使用Scroll不起作用的tablesorter onRendered选项

Question

我正在使用带有滚动小部件的tablesorter插件。我正在尝试使用onRenderHeader选项将单击事件绑定到一个复选框，该复选框放在标题中并且不起作用。我删除了滚动小部件，它按预期工作。 有没有办法让onRenderHeader选项与滚动条一起使用。

这就是我将tablesorter插件应用到我的html表中的方法：

$('#tableone').tablesorter ({
    theme : 'blue',
    widthFixed : false,
    initWidgets : true,
    showProcessing : true,
    dateFormat : "mmddyyyy",
    headerTemplate : '<input class="image" type="image" src="IMG/minus.jpg" width="15px"><span class="text">{content}{icon}</span>',

    // customize header HTML
    onRenderHeader : function (index) {
        // the span wrapper is added by default
        $(this).find('.image').on('click', function () {
            $(this)[0].attr("src", "IMG/plus.jpg");
        });
    },
    widgets : ['scroller', 'filter', 'columnSelector', 'columns']
}).tablesorterPager({
    container : $(".pager"),
    output : '{startRow} to {endRow} of {totalRows} records',
    size : 25
});