jquery - UnCaught Exception: オブジェクトにメソッド ダイアログがありません

Question

この質問がこのポータルで何度も出されていることは知っていますが、それでも適切な解決策を得ることができませんでした。

私のJSコード:

$("#editDialog").live("click", function (e) {
            e.preventDefault();
            var url = $('#editDialog1').attr('href');
            $("#dialog-edit").dialog({
                title: 'Edit Customer',
                autoOpen: false,
                resizable: false,
                height: 355,
                width: 400,
                show: { effect: 'drop', direction: "up" },
                modal: true,
                draggable: true,
                open: function (event, ui) {
                    //$(this).load(url);



                },
                close: function (event, ui) {
                    $(this).dialog('close');
                }
            });

            $("#dialog-edit").dialog('open');
            return false;
        });

HTML:

<a id="editDialog1" href="..\Home\Create">Create Customer</a>
    <div id="dialog-edit" style="display: none"/>

含まれるスクリプト:

<script src="~/Scripts/jquery-ui-1.8.20.min.js"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript">
    </script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript">
    </script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript">
    </script>
    <link rel="stylesheet" type="text/css" href="../../Content/jquery-ui.css" />

コンソールに表示されるエラー:

Uncaught TypeError: Object [object Object] has no method 'dialog' (index):76 (anonymous function) (index):76 jQuery.event.dispatch jquery-1.7.1.js:3256 elemData.handle.eventHandle

しかし、それでもこのエラーは表示されます.回答としてマークされたスクリプトを含めてみましたが、それでも問題は解決しません..助けてください.