jQuery UI dialog插件出错信息:$(this).dialog is not a function

使用jQuery UI 1.7.2 dialog插件，遇到这样的错误：

 

[img]http://dl.iteye.com/upload/attachment/308166/97c428e4-2ce2-367e-b4df-4c4da7686b95.bmp" alt="" width="210" height="44[/img]

 

    $("#dialog").dialog({  
        width: 480,  
        height:"auto",  
        resizable: false,  
        draggable: true,  
        modal: true,  
        position: "center",  
        autoOpen: false,  
        dialogClass: "dialog",  
        buttons: {"关闭":function(){  
        $(this).dialog("close");  
        }}  
    });  
      
    $("#chglogpwd").bind("click",function(){  
        $("#dialog").dialog("option","height","400");  
        showModalDialog("#dialog","/accoun/acc/change_logpwd_fm.html?"+new Date().getTime(),"修改登录密码");  
                });  
      
    function showModalDialog(dialogEl,url,title,callback){  
        var $this = $(dialogEl);  
        $this.html("");  
        $this.dialog("option","title",title);  
        $this.dialog("open");  
        $this.load(url).removeClass("hideh");  
    } 

 

调试了很久，发现在当前页面上加载了jquery的js资源，在被load的那个页面中也加载了jquery的资源。 
<script type="text/javascript" src="/common/js/jquery-1.4.2.min.js"></script> 
尝试将被load的页面中的jquery资源去除，错误便消除。

 

 

经测试：asp.net mvc 1.0/2.0不会出现此错误，但是mvc 3.0中就会出现此错误