jQuery Mobile 可过滤的 refresh() 方法

在 jQuery Mobile 中，refresh() 方法是非常强大和常用的方法之一。这个方法通常用来更新和刷新页面元素和部件，以便它们在页面上重新渲染和呈现。refresh() 方法可以被用于各种页面元素和小部件，例如列表、表格、按钮等等。

refresh() 方法的使用

refresh() 方法具有非常简单的语法：

$( "selector" ).refresh();

其中，selector 是你需要刷新的元素的选择器。一般来说，刷新的元素是 jQuery Mobile 的小部件，比如列表、表格、按钮等等。

需要注意的是，refresh() 方法只有在页面已经完全加载之后才能使用。如果你在页面还没有完全加载之前使用 refresh() 方法，将会出现错误。

jQuery Mobile 可过滤的 refresh() 方法

除了常规的 refresh() 方法之外，jQuery Mobile 还提供了一种可过滤的 refresh() 方法。这个方法可以让你根据过滤条件过滤元素，并仅对满足条件的元素执行 refresh() 方法。

可过滤的 refresh() 方法的语法如下：

$( "selector" ).filterable( "refresh" );

其中，selector 是你需要过滤和刷新的元素的选择器。当你使用可过滤的 refresh() 方法时，这个选择器通常是一个包含了过滤器节点(filterable widget) 的容器。

下面是一个使用可过滤的 refresh() 方法的实例，我们将过滤名字包含“john”的列表，仅对符合条件的列表项进行刷新：

$( "#mylist" ).filterable( "option", "filterCallback", function( index, searchValue ) {
    return $( this ).find( "h2" ).text().toLowerCase().indexOf( searchValue ) === -1;
}).filterable( "refresh" );

在这个实例中，我们首先设置列表的过滤回调函数，然后对列表进行刷新。

总结

refresh() 方法是 jQuery Mobile 中非常实用和强大的方法之一。它可以让你快速轻松地刷新元素和小部件，以便它们在页面上重新渲染和呈现。同时，可过滤的 refresh() 方法也为我们提供了更加灵活和可定制的选项，使得我们可以根据具体应用的需求来进行元素和部件的过滤和刷新。