How to disable a jQuery UI menu?
In this article we will disable a jQuery UI menu
Syntax:
$(".selector").menu( "disable" );
Approach:
- First, add jQuery UI scripts needed for your project.
<link href = “https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css” rel = “stylesheet”> <script src = “https://code.jquery.com/jquery-1.10.2.js”></script> <script src = “https://code.jquery.com/ui/1.10.4/jquery-ui.js”></script>
Example 1:
HTML
<!DOCTYPE html> < html lang = "en" > < head > < meta charset = "utf-8" /> < link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet" /> < script src = "https://code.jquery.com/jquery-1.10.2.js" > </ script > < script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js" > </ script > < style > .ui-menu { width: 200px; } </ style > < script > $(function () { $("#gfg").menu(); $("#gfg").menu("disable"); }); </ script > </ head > < body > < h1 >jQuery UI | disable menu</ h1 > < ul id = "gfg" > </ li > </ li > </ li > </ li > </ li > </ ul > </ body > </ html > |
Output:
Contact Us