Open In App

jQuery Mobile Filterable enable() Method

Last Updated : 20 Jan, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to add widgets easily.

In this article, we will be using the jQuery Mobile Filterable enable() method to enable the filterable. It does not accept any parameter.

Syntax:

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

CDN Link: Below are some jQuery Mobile scripts that will be needed for your project so add these to your project.

<link rel=”stylesheet” href=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” />
<script src=”http://code.jquery.com/jquery-1.11.0.min.js”></script>
<script src=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script>

Example: This example describes the uses of the jQuery Mobile Filterable enable() Method.

HTML




<!DOCTYPE html>
<html lang="en">
        
<head>
    <meta charset="utf-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1">
    <link rel="stylesheet" 
          href=
    <script src=
    </script>
    <script src=
    </script>
          
    <script>
        $(document).ready(function () {
          
            $(".items").filterable({});
            $(".items").filterable("disable");
            $(".btnclass").bind("click", function () {
                $(".items").filterable("enable");
                alert("Enable Button Triggered")
            });
        });
    </script>
  
</head>
  
<body>
 <center>
        <div data-role="page" id="page1">
            <div>
                <h1 style = "color:green;">GeeksforGeeks</h1>
                <h3>
                    jQuery Mobile Filterable enable() Method
                </h3>
            </div>
        
            <div role="main" class="ui-content">
                <div >
                    <ul class="items" style="list-style-type:none;">
                        <li>
                            <a href=
                            target="_blank">
                                Data Structures
                            </a>
                        </li>
                        <li>
                            <a href=
                            target="_blank">
                                Interview preparation
                            </a>
                        </li>
                        <li>
                            <a href=
                            target="_blank">
                                Java Programming
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        
            <input type="button" Value="Enable" class="btnclass" />
              
            <div id="gfg"></div>
        </div>
    </center>
</body>
  
</html>


Output:

jQuery Mobile Filterable enable() Method

jQuery Mobile Filterable enable() Method

Reference: https://api.jquerymobile.com/filterable/#method-enable



Previous Article
Next Article

Similar Reads

jQuery Mobile Filterable refresh() Method
jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to add widgets easily. In
2 min read
jQuery Mobile Filterable disable() Method
jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to add widgets easily. In
2 min read
jQuery Mobile Filterable option() Method
jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to add widgets easily. In
3 min read
jQuery Mobile Filterable destroy() Method
jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to add widgets easily. In
2 min read
jQuery Mobile Filterable Widget Complete Reference
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The Filterable widget is used to filter the children of an element. jQuery Mobile Filterable Widget Options jQuery Mobile Filterable children OptionjQuery Mobile Filterable classes OptionjQuery Mobile Filterable de
1 min read
jQuery Mobile Filterable filterTheme Option
jQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. Filterable is a widget that can filter the children of any element. A Form, List, etc can be filtered with the help of filterable. A search bar appears at the top of the List where t
2 min read
jQuery Mobile Filterable disabled Option
jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to add widgets easily. In
2 min read
jQuery Mobile Filterable children Option
jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to add widgets easily. In
2 min read
jQuery Mobile Filterable filterReveal Option
jQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. Filterable is a widget that can filter the children of any element. A Form, List, etc can be filtered with the help of filterable. A search bar appears at the top of the List where t
2 min read
jQuery Mobile Filterable filterPlaceholder Option
jQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. Filterable is a widget that can filter the children of any element. A Form, List, etc can be filtered with the help of filterable. A search bar appears at the top of the List where t
2 min read