jQuery UI dialog open() Method

jQuery UI dialog option() Method

Last Updated : 18 Jan, 2021

This action gets an object containing key/value pairs representing the current dialog options hash. This method does not accept any argument

Syntax:

var a = $( ".selector" ).dialog("option");

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:

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>

    <script>
        $(function () {
            $("#gfg").dialog({
                autoOpen: false,
            });
            $("#geeks").click(function () {
                var a = $("#gfg").dialog("option");
                console.log(a)
            });
        });
    </script>
</head>

<body>
    <div id="gfg" title="GeeksforGeeks">
        Jquery UI| option dialog method
    </div>
    
    <button id="geeks">Open Dialog</button>
</body>

</html>

Output:

jQuery UI dialog open() Method

taran910

Improve

Article Tags :

Similar Reads

jQuery UI dialog open() Method

open() Method is used to open the dialog. This method does not accept any argument Syntax: $( ".selector" ).dialog("open"); 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">

jQuery UI Dialog modal Option

'modal option' if set to true will disable the other items in the dialog box. By default, value is false. Syntax: $( ".selector" ).dialog({ modal: false }); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-u

jQuery UI Dialog minWidth Option

Dialog minWidth option is used to set the minimum width that can be set to the dialog box in pixels. By default, the value is 150. Syntax: $( ".selector" ).dialog({ minWidth : 150 }); Approach: First, add jQuery UI scripts needed for your project. <link href="https://code.jquery.com/ui/1.10.4/the

jQuery UI Dialog maxWidth Option

jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Dialog maxWidth option is used to set the maximum width to which the dialog can be resized in pixels. Syntax: $( ".sele

jQuery UI Accordion option() Method

jQuery UI option() method is used to check if a method returns a boolean value representing if an object option exist or not. Syntax: var a = $( ".selector" ).accordion( "option" )Parameters: This method does not accept any parameters. Return values: This method returns an object value Approach: Fir

jQuery UI Droppable option() Method

jQuery Mobile is a web-based technology that can be used to make responsive content for websites that can be accessed on all types of smartphones, tablets, and desktops. In this article, we are going to learn the jQuery Mobile Droppable option() method. Using this method, we can get, set or update a

jQuery UI Draggable option() Method

jQuery Mobile is a web-based technology that can be used to make responsive content for websites that can be accessed on all types of smartphones, tablets, and desktops. In this article, we are going to learn the jQuery Mobile Draggable option() method. Using this method, we can get, set or update a

jQuery UI Dialog maxHeight Option

Dialog maxHeight option is used to set the maximum height that can be set to the dialog box. By default, value is false. Syntax: $( ".selector" ).dialog({ maxHeight : 10 }); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-l

jQuery UI Dialog minHeight Option

Dialog minHeight option is used to set the minimum height that can be set to the dialog box. By default, value is 150. Syntax: $( ".selector" ).dialog({ minHeight : 150 }); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-li

jQuery UI dialog option(optionName) method

This action gets the value currently associated with the specified optionName. optionName's type is String. Syntax: var a = $( ".selector" ).dialog("option","disabled");Approach: First, add jQuery Mobile scripts needed for your project.<link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lig