时间戳

首页 > 解决方案 > Tablesorter 事件源不够具体。取消排序

javascript - Tablesorter 事件源不够具体。取消排序

问题描述

我有一张看起来像这样的桌子

及其HTML：

<th style="text-align: center; background-color: rgb(255, 255, 255); position: relative; top: 0px; -moz-user-select: none;" data-column="4" class="tablesorter-header tablesorter-headerDesc" tabindex="0" scope="col" role="columnheader" aria-disabled="false" aria-controls="dataTable" unselectable="on" aria-sort="descending" aria-label="DI: Descending sort applied, activate to apply an ascending sort" data-sortedby="user">
    <div class="tablesorter-header-inner">
        <i onclick="javascript:ShowFilter(event,'dDICategory');" class="fa fa-filter"/>
        <i class="fa fa-sort-asc sort-icon"/>
        <i class="fa fa-sort-desc sort-icon"/>
        <i class="fa fa-sort sort-icon"/>DI<div id="helpIcon" data-toggle="modal" data-target="#DIColumnHelpModal">
            <span class="glyphicon glyphicon-question-sign pull-right"/>
        </div>
    </div>
</th>

如您所见，我有一个过滤器、向上和向下排序指针和一个帮助图标。

我的问题是，当我单击问号时，表格会在向我显示帮助模式之前进行排序。而我不想要。

我希望能够做到以下几点：

如果事件源是 sort-asc 或 sort-desc 字形，则让排序事件继续。如果事件源是过滤器字形，则不要排序并执行 ShowFilter 函数。如果事件源是问号字形，不要排序和显示模态。

所以我需要获取事件的实际来源（sort-asc/sort-desc、过滤器或问号）。但问题是当我检查 event.target 的内容时得到的是整个表。我不知道如何获得更具体的答案。

当然，一旦我知道是哪个字形触发了事件，我想我需要取消排序事件。

标签： javascriptsortingeventstablesorter

解决方案

tablesorter-noSort给过滤器图标元素添加类名；如果要重命名该类，请参阅该cssNoSort选项。

推荐阅读