UNCAUGHT TYPEERROR: $(...).DIALOG IS NOT A FUNCTION

Sachin Singh

Total Post:26

Points:182
Posted by  Sachin Singh
 4063  View(s)
Ratings:
Rate this:
Hi Everyone,

 I have created a one dialog box in jQuery and when i run the program ,dialog is not working properly. When i open in browser console It will thow this type error:
Uncaught TypeError: $(...).dialog is not a function

My Dialog Code is below:

<div id="dialog-alert" style="display: none">
    <p>
           ...................
    </p>
</div>

<script type="text/javascript">
$(document).ready(function () {
       
var url = "";
        $(
"#dialog-alert").dialog({
            autoOpen:
true,
            resizable:
true,
            height: 100,
            width: 350,
            show: { effect:
'drop', direction: "up" },
            modal:
true,
            draggable:
true,
            open:
function (event, ui) {
                $(
".ui-dialog-titlebar-close").hide();
            },
            buttons: {
               
"OK": function () {
                    $(
this).dialog("close");
                }
            }
        });
    });
</script>


Please can anyone give me a solution.
Thank you.
  1. Mahfuzur Rahman

    Post:1

    Points:7
    Re: Uncaught TypeError: $(...).dialog is not a function

    I got the same error and my dialog is nit loading but normal form is loading and working.
    No jquery loading 

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!