Вызов метода JQuery из JavaScript

Question

У меня есть метод JavaScript, который вызывает функцию JQuery внутри:

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

И я получаю эту ошибку:

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

Как я могу вызвать этот метод JQuery из моего JavaScript метод должным образом. Благодарю.

Answer 1

Ваш код кажется нормально:

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

Working DEMO

У вас не хватает Jquery Ui. https://code.jquery.com/ui/. Добавьте это в HTML файле:

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

Answer 2

Не забудьте включить JQuery и 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> 

Answer 3

Пара вещей: удалить $() обертки вокруг вызова JQuery, так как это (Expression Expression Function Expression), который он использовал для вызова javascript при загрузке документа.

Также включают jQuery.UI на вашей странице, так как здесь находится . плагин.