Question

有疑问可以请任何人回复......

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

0x800a01b6 - JavaScript运行时错误：对象不支持属性或方法'menu'

<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 UI ！

与所有jQuery附加库一样，jQuery-UI依赖于首先存在的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并且工作正常，因此我必须假设这取决于您使用脚本＆amp;包含body或head标记之外的内容。

在MVC4中创建Jquery菜单

1 个答案:

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