MVC jqueryUI模式对话框

Question

因此，在我尝试使用jQueryUI失败的所有尝试中，我在从jQueryUI站点下载主题后尝试了这个示例here。

这是我的代码在我的asp.net mvc页面上面的链接中查看该示例。

<link type="text/css" href="<%= Url.Content("~/Scripts/jquery-ui/css/smoothness/jquery-ui-1.8.17.custom.css")%>" rel="stylesheet" />    
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-ui/js/jquery-1.7.1.min.js")%>"></script>
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-ui/js/jquery-ui-1.8.17.custom.min.js")%>"></script>



<script>

$('#dialog_link').click(function(){
    $('#Dialog').dialog('open');  
    return false;
});


</script>

<p id="dialog_link">Open Dialog</p> 


<div id="Dialog" title="Dialog title!">
This content shown within dialog...

</div>

在点击F5之后，我本来希望看到一个可点击的文字，当点击它时会弹出一个带有[x]按钮的模态对话框来关闭它并返回主窗口。但是，我看到的是页面加载，

其中文本“打开对话框”不响应单击事件，并且假定的“模态对话框”已经以纯字符串的形式显示，并且没有任何格式。那么jQueryUI的所有神奇之处在哪里呢？我链接正确的脚本有什么问题吗？ 完全迷失了。请帮忙..

修改 这个完全相同的代码在纯HTML模式下在不同的文件中工作。当我将此代码复制到内容标记内的asp.net mvc页面时，我在非描述行中出现javascript错误!!

Answer 1

从$（'＃Dialog'）。对话框（'open'）中取出'open';你很高兴。

编辑：添加此jsFiddle以及您的代码作为示例：

http://jsfiddle.net/DoomHamster/LhJsL/1/

此外，单击没有默认点击事件的元素时，您不需要'return false'。

编辑：从下面的评论中我怀疑你在加载jQuery和jQueryUI时遇到了问题。尝试使用以下内容替换脚本和css链接作为测试以消除路径问题：

<link type="text/css" rel="Stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/ui-lightness/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>

Answer 2

试试这个

$(function()
{
    $('#dialog_link').click(function(){
    $('#Dialog').dialog();  
   return false;
    });
})