Question

我之前曾问过一个更简单的问题，但我现在已经取得了进展。

我有一个菜单栏，它使用2个Javascript文件，然后另外两个Javascript文件用于页面上的另一个对象。

这是我目前破解的代码：

<html xmlns="http://www.w3.org/1999/xhtml">
  <head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title></title>

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="Javascript/MenuBarAdmin/AdminMenuJS.js" type="text/javascript" ></script>
    <script src="Javascript/MenuBarAdmin/AdminMenuJSmin.js" type="text/javascript"></script>

    <script src="Javascript/bSimplexMenuBarTransit.js" type="text/javascript"></script>
    <script src="Javascript/bSimplexMenuBar.js" type="text/javascript"></script>

    <link href="Stylesheet/bSimplexMenuBar.css" rel="stylesheet" />
    <link href="Stylesheet/bPersonnelTracker.css" rel="stylesheet" />
    <link href="Stylesheet/ScheduleStyle/bsimplex.css" rel="stylesheet" />

    <script type="text/javascript">
      javascript: window.history.forward(1);
    </script>

    <script type="text/javascript" charset="utf-8">
      function select(e) {
          e.eventSelect(e);
          menu.show(e);
      }
    </script>
</head>
<body>
  <form id="form1" runat="server">
    <asp:ScriptManager ID="script1" runat="server"></asp:ScriptManager>
      <div class="wrapper">
        <div class="bsimplex-header-bar">
          <ul class="modern-menu theme2">
            <li><a href="../../Common/bWelcomePage.aspx"><span>Home</span></a></li>
            <li><a href="../bPersonnelDashboardPage.aspx"><span>My Calender</span></a></li>
            <li><a href="../Manager/bManagerPage.aspx"><span>Manager</span></a></li>
            <li><a href="#"><span style="background-color: #f08100 !important;">Absences</span></a>
              <ul>
                <li><a href="bSicknessPage.aspx"><span>Sickness</span></a></li>
                <li><a href="bMedicalPage.aspx"><span>Medical</span></a></li>
                <li><a href="bLatenessPage.aspx"><span>Lateness</span></a></li>
                <li><a href="bOtherPage.aspx"><span>Other</span></a></li>
              </ul>
            </li>
            <li><a href="#"><span>Reports</span></a>
              <ul>
                <li><a href="#"><span>Allocation</span></a></li>
                <li><a href="#"><span>Rota</span></a><</li>
              </ul>
            </li>
            <li><a href="../Admin/bAdminPage.aspx"><span>Admin</span></a></li>
            <ul class="mm-group mm-right">
              <li class="mm-icon">
                <div class="menubaricon">
                  <img src="../../Images/bSimplex_icon_menubar.png" />
                </div>
              </li>
            </ul>
          </ul>
        <script type="text/javascript">$(".modern-menu").modernMenu();</script>
     </div>

当我试图找到.modernMenu时，错误出现在代码的底部，它只是说对象未定义。

调用javascript文件的前2个脚本行用于垂直菜单栏，第2个脚本行用于不起作用的水平菜单栏。。我已经完成了我的代码100次以找到问题，当我注释掉垂直条的前两行时，错误将会正常工作，但垂直条不会工作，反之亦然。

我不知道我是否正确但是在发生错误的底部我是否必须调用脚本文件我想从中获取信息？或者我是否仅限于javascript文件的数量？

Answer 1

尝试

$(function(){
$(".modern-menu").modernMenu();
})

Answer 2

您要评论的脚本标记必须为了自己的目的而改变$()。实际上有很多库使用$()库，因此jQuery方便地提供了jQuery()函数，其与<{1}}完全相同，但有一个不同的其他库可能不会使用的名称。由于您插入的库已更改$()，因此它不再是$()，请改为使用jQuery()：

jQuery()

对象未定义问题

2 个答案: