无法将数据绑定单击与tablesorter结合使用

Question

我有一个简单的HTML表格，其中包含一些淘汰赛。

在一些TH标签中，我有一个数据绑定点击事件，它按预期工作。我附加了tablesorter的那一刻，click事件无法触发。表排序工作得很漂亮。

我尝试过使用selectorHeaders和selectorSort来尝试在TH中创建部分，以允许sort和click事件一起工作但是却没有这样做。

我想要做的事实际上是可能还是我只是愚蠢？

任何帮助都会很精彩。感谢

- 代码示例

<table id="table" data-bind="sortTable: true">
            <thead id="header">
                <tr>
                    <!-- ko foreach: $root.DisplayHeadings -->
                        <th style="cursor: pointer;">
                            <a href="#" data-bind="click: function() { $root.doSomething(code)}">
                                <h4 data-bind="text: columnHeader"></h4>
                            </a>
                            <span>sort</sort>
                        </th>
                    <!-- /ko -->
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>dummy</td>
                    <td>dummy</td>
                </tr>
            </tbody>
        </table>

ko.bindingHandlers.sortTable = {
            init: function (element, valueAccessor) {
                setTimeout(function () {
                    $(element).addClass('tablesorter');
                    $(element).tablesorter({
                        headers: { 2: { sortInitialOrder: 'desc' } },
                        selectorSort: 'span'
                    });
                }, 0);
            }
        };

这大致是它的样子。我一直在尝试很多不同的方法，这就是其中之一。