jQuery Mobile Filterable的disable()方法

jQuery Mobile是jQuery的移动版本，它提供了一个filterable插件用于在页面中提供带搜索框的过滤功能。在filterable插件中，可以使用disable()方法使搜索框不可用。下面是这个方法的完整攻略：

方法说明

disable()方法是jQuery Mobile filterable插件提供的一个方法，它用于禁用搜索框的输入功能。在调用这个方法后，搜索框将不再响应用户的输入操作，用户无法输入任何内容到搜索框中。

方法语法

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

其中selector是filterable插件所在的元素的选择器。

示例说明

为了更好地理解disable()方法，这里提供两条示例说明。假设我们有一个包含filterable插件的列表，HTML代码如下：

<div data-role="page">
  <div data-role="header">
    <h1>Filterable List</h1>
  </div>
  <div data-role="content">
    <ul data-role="listview" data-filter="true" data-filter-placeholder="Search fruits..." data-inset="true">
      <li><a href="#">Apple</a></li>
      <li><a href="#">Banana</a></li>
      <li><a href="#">Cherry</a></li>
      <li><a href="#">Grape</a></li>
      <li><a href="#">Orange</a></li>
    </ul>
    <button id="btnDisable">Disable Filter</button>
  </div>
</div>

在这个列表中，我们提供了一个filterable插件，可以搜索水果的名称。同时，页面中还包含一个按钮，点击它可以禁用filterable插件。当按钮被点击时，我们可以通过调用disable()方法实现禁用功能。代码如下：

示例1：

$(document).on("click", "#btnDisable", function(){
    $("ul").filterable("disable");
    alert("Filter is disabled!");
});

在这段代码中，我们首先通过jQuery选择器选中了页面中含有filterable插件的列表元素。然后调用它的filterable()方法，传入"disable"参数，以禁用它的功能。最后，我们弹出一个对话框，提示用户filterable插件已被禁用。

示例2：

$(document).on("click", "#btnDisable", function(){
    $("ul").filterable("disable");
    $("#btnDisable").text("Enable Filter");
});

这个示例和示例1非常类似，唯一不同的是在调用disable()方法之后，我们将按钮的文本修改为"Enable Filter"，以便提示用户filterable插件已被禁用。