在MVC4中创建Jquery菜单

Question

我很怀疑有人能不能回答..。

am以下面的方式用.cshtml写，我得到了这样的运行时错误。

0x800a01b6 - JavaScript运行时错误:对象不支持属性或方法“菜单”

<link href="@Url.Content("~/Content/smothness.css")" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/jquery-ui-1.9.1.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.js")"></script>
<link rel="stylesheet" href="@Url.Content("/resources/demos/style.css")" />

 <script>
      $(document).ready(function () {
          $("#me").menu();
      });
        </script>


 <style>
  .ui-menu { width: 150px; }
  </style>



  <body>
          <ul id="me">
              <li class="ui-state-disabled"><a href="#">Aberdeen</a></li>
              <li><a href="#">Ada</a></li>
              <li><a href="#">Adamsville</a></li>
              <li><a href="#">Addyston</a></li>
              <li>
                <a href="#">Delphi</a>
                <ul>
                  <li class="ui-state-disabled"><a href="#">Ada</a></li>
                  <li><a href="#">Saarland</a></li>
                  <li><a href="#">Salzburg</a></li>
                </ul>
              </li>
              <li><a href="#">Saarland</a></li>
              <li>
                <a href="#">Salzburg</a>
                <ul>
                  <li>
                    <a href="#">Delphi</a>
                    <ul>
                      <li><a href="#">Ada</a></li>
                      <li><a href="#">Saarland</a></li>
                      <li><a href="#">Salzburg</a></li>
                    </ul>
                  </li>
                  <li>
                    <a href="#">Delphi</a>
                    <ul>
                      <li><a href="#">Ada</a></li>
                      <li><a href="#">Saarland</a></li>
                      <li><a href="#">Salzburg</a></li>
                    </ul>
                  </li>
                  <li><a href="#">Perch</a></li>
                </ul>
              </li>
              <li class="ui-state-disabled"><a href="#">Amesville</a></li>
            </ul>     
            </body>

Answer 1

包括jQuery用户界面后的jQuery！

与所有的jQuery插件库一样，jQuery依赖于首先存在的jQuery。只需倒序：

<script src="@Url.Content("~/Scripts/jquery.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.9.1.js")"></script>

http://jsfiddle.net/TrueBlueAussie/yT7qV/

我已经将您的所有部分放入JSFiddle中，并且它工作得很好，所以我必须假设它是因为您拥有脚本&包括在body或head标记之外的脚本。