Question

我正在使用https://mottie.github.io/tablesorter/docs/表格排序插件。

当我reset过滤器使用按钮时，它工作正常。

<button type="button" class="reset">View All</button>
<button class="search" type="button" data-column="0">Studio</button>
<button class="search" type="button" data-column="0">One Bedroom</button>
<button class="search" type="button" data-column="0">Two Bedroom</button>

然而，当我使用下拉列表尝试reset过滤器时，我遇到了一个糟糕的噩梦。

<select class="mobileFilter"  id="">
     <option value="" disabled>FILTER BY</option>
     <option value="VIEW ALL">VIEW ALL</option>
     <option value="STUDIO" data-column="0">STUDIO</option>
     <option value="ONE BEDROOM" data-column="0">ONE BEDROOM</option>

</select>

我尝试按照文档（https://mottie.github.io/tablesorter/docs/#widget-filter-reset）中的指导重置过滤器，但它似乎无法正常工作。

$(function(){
  $("table").tablesorter({
    widgets: ["filter"],
    widgetOptions : {
      filter_reset : '.reset'
    }
  });
});

这是迄今为止的工作https://jsfiddle.net/5kehm83d/。它包含filter和reset按钮的工作示例。

修改
我找到了一个解决方案。我们只需从filter框中删除input文字，然后触发keyup()功能。

$('.tablesorter-filter').val('').trigger('keyup');

如果有的话，我会把这个问题留给更正确的答案。

重新排序排序jQuery表格排序

0 个答案: