Skip to content
Related Articles

Related Articles

How to disable a jQuery UI menu?

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 08 Feb, 2021

In this article we will disable a jQuery UI menu


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

Learn more about selectors and menu options in jQuery.


  • First, add jQuery UI scripts needed for your project.

<link href = “”
rel = “stylesheet”>
<script src = “”></script>
<script src = “”></script>

Example 1:


<!DOCTYPE html>
<html lang="en">
        <meta charset="utf-8" />
        <link href=
              rel="stylesheet" />
        <script src="">
        <script src="">
            .ui-menu {
                width: 200px;
            $(function () {
        <h1>jQuery UI | disable menu</h1>
        <ul id="gfg">
            <li><a href="">1st</a>
            <li><a href="">2nd</a>
            <li><a href="">3rd</a>
            <li><a href="">2th</a>
            <li><a href="">5th</a>


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!