MVC jqueryUI 模式对话框

Question

因此，在我尝试让 jQueryUI 正常工作的所有失败尝试中，我在下载后在 此处 尝试过这个示例来自 jQueryUI 站点的主题。

这是我的代码，在我的 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').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;
    });
})