web-dev-qa-db-ja.com

不明なTypeError：オブジェクト[オブジェクトObject]にはメソッド 'dialog'がありません

MVC3アプリケーションでjQueryUIダイアログを使用しようとしていますが、問題があります。私が持っているダイアログは、ユーザーが新しいアイテムを編集または作成する部分ビューをそこにロードしています。これは正常に機能しますが、アイテムを保存または更新しようとすると、またはアイテムを閉じようとすると、タイトルにメッセージが表示されます。

必要な.jsファイルをすべて追加しましたが、それでもエラーが発生します。 firebugも使用しましたが、それでもエラーが発生する理由を見つけることができません。

[〜＃〜] html [〜＃〜]

<span class="EditLink ButtonLink" addressId="@addr.Id">Modify this Address</span>
<div id="popup"></div>

JavaScript

$(document).ready(function () {
    var id = 0;

    //define config object
    var dialogOpts = {
        title: "Edit item",
        modal: true,
        autoOpen: false,
        height: 500,
        width: 500,
        open: function () {
            $("#popup").load("/partialviewtoload/" + id);
        },
        buttons: {
            Cancel: function() {
                $(this).dialog('close');
            }
        }
    };

    $("#popup").dialog(dialogOpts);    //end dialog

    $('.EditLink').click(function() {
        id = $(this).attr("itemId");
        $("#popup").dialog("open");
        return false;
    });    
});
jqueryjquery-uidialog
30
Nollaig

問題は、「jquery-1.5.1.min.js」を2回参照していたことです。一度_Layout.cshtmlに、また部分ビューに一度読み込んだ。 。部分ビューの参照を削除し、ソートしました。

61
Nollaig

ブラウザはjQueryUIをロードしていないようです。DOMにあることを確認してください

5
Iakov Mishchenko

私の場合、それは

最初にgrid.locale-en.js、次にjquery.jqGrid.min.jsを含める必要があります。

0
Georgy Gobozov