Call jQuery method from JavaScript

Question

I have a JavaScript method which calls a jQuery function inside :

function diyalog()
{
   $(function() {
    $( "#dialog" ).dialog();
});
}

And I get this error :

TypeError: $(...).dialog is not a function

How can I call this jQuery method from my JavaScript method properly. Thanks.

Have you already added jQuery UI to your file?

TeeDeJee
– TeeDeJee

2014-09-10 11:59:39 +00:00
Commented Sep 10, 2014 at 11:59 — TeeDeJee
– TeeDeJee, Commented Sep 10, 2014 at 11:59

Manwal · Accepted Answer · 2014-09-10 12:03:15Z

1

Your code is seems fine:

function diyalog(){
    $("#dialog-message").dialog();
}
diyalog();//calling

Working DEMO

You are missing jquery Ui. https://code.jquery.com/ui/. Add this in your html file:

<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>

answered Sep 10, 2014 at 12:03

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dashtinejad · Accepted Answer · 2014-09-10 12:05:40Z

1

Be sure to include jQuery and jQuery UI:

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

<script>
    $(function() {
        $( "#dialog" ).dialog();
    });
</script>

answered Sep 10, 2014 at 12:05

dashtinejad

6,2734 gold badges32 silver badges46 bronze badges

Comments

DvS · Accepted Answer · 2014-09-10 12:13:55Z

1

A couple of things: remove the $() wrapper around your jQuery call, as this is a closure (Immediately Invoked Function Expression) that it used to invoke javascript on document load.

Also include jQuery.UI on your page, as the dialog plugin exists in this library.

answered Sep 10, 2014 at 12:13

DvS

1,1057 silver badges14 bronze badges

Collectives™ on Stack Overflow

Call jQuery method from JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related