MVC 4 ASP .NET上奇怪的Jquery UI对话框

Question

所以我试图显示一个JQUERY UI对话框只是为了展示一些东西，我看了一些教程，我得到了一个它有点工作，但它的工作很奇怪，因为它创造了一个奇怪的结果，是什么即时通讯做错了？我是这个MVC 4和JQuery的新东西。

这是使用的代码：

@{
    ViewBag.Title = "Exito";
}

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<div id="message" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>


@{
    ViewBag.Title = "Hola, Escribiste: ";
}



<script type="text/javascript">

    $('#message').dialog({

    });

</script>

<hgroup class="title">
    <h1>@ViewBag.Title</h1>
    <h2>@ViewBag.Message</h2>
</hgroup>

<link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">


    var Texto = "Hola, Escribiste: " + '@(ViewBag.Message)';

       var myLength = Texto.length;



       document.write("La cantidad de caracteres en la oracion es de "+myLength+" (Incluyendo el 'hola, escribiste')");



       </script>

有什么想法吗？

Answer 1

好吧，我解决了，链接没有正确指向css样式。

是

<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />

而不是

<link rel="stylesheet" href="/resources/demos/style.css">

noob错误