Диалог не является функцией всплывающей формы

Question

У меня проблема с открытием всплывающей формы, когда я нажимаю кнопку «Добавить новый». Вот мой Jquery импорт:

<script src="~/Scripts/jquery-3.5.0.min.js"></script>
<link href="~/Scripts/DataTable/css/jquery.dataTables.css" rel="stylesheet" />
<script src="~/Scripts/DataTable/js/jquery.dataTables.js"></script>

HTML:

    <a class="btn btn-success" style="margin-bottom: 12px; margin-top: 15px;" onclick="PopupForm('@Url.Action("AddOrEdit","ProductCategory")')"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span>Add New</a>

Jquery:

 function PopupForm(url) {
            var formDiv = $('<div/>');
            $.get(url)
            .done(function (response) {
                formDiv.html(response);

                Popup = formDiv.dialog({
                    autoOpen: true,
                    resizable: false,
                    title: 'Fill Category Details',
                    height: 500,
                    width: 700,
                    close: function () {
                        Popup.dialog('destroy').remove();
                    }

                });
            });
        }

Answer 1

Ссылка Jquery UI и добавление заполнителя html в dom для диалога.