Javascript 画布菜单的基础5总是出现我在Office 5中打开和关闭我的画布菜单有困难，或者至少不总是出现在画布上。下面是当前站点的图片_Javascript_Html_Zurb Foundation

Javascript 画布菜单的基础5总是出现我在Office 5中打开和关闭我的画布菜单有困难，或者至少不总是出现在画布上。下面是当前站点的图片

javascript html zurb-foundation

Javascript 画布菜单的基础5总是出现我在Office 5中打开和关闭我的画布菜单有困难，或者至少不总是出现在画布上。下面是当前站点的图片,javascript,html,zurb-foundation,Javascript,Html,Zurb Foundation,这是我目前正在运行的HTML。内容不包括在单独的YAML文件中，但应该是不必要的 <!DOCTYPE html> <html> <head> <link rel="icon" type="image/png" href="/assets/img/logo/sjpminilogo.png" /> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatib

这是我目前正在运行的HTML。内容不包括在单独的YAML文件中，但应该是不必要的

<!DOCTYPE html>
<html>
  <head>
    <link rel="icon" type="image/png" href="/assets/img/logo/sjpminilogo.png" />

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>{{ page.title }} | Paly SJP</title>
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="/assets/css/syntax.css">
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="stylesheet" href="/assets/foundation/css/foundation.css">
    <link rel="stylesheet" href="/assets/foundation/css/normalize.css">
    <link rel="stylesheet" href="/assets/css/custom.css">

    <script type="text/javascript" src="/assets/foundation/js/custom.modernizr.js"></script>    

    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" type="text/css">    

  </head>
  <body>

    <div class="site">

      <div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">

      <div class="header">

        <!-- Top Bar -->
        <nav class="top-bar">
          <ul class="title-area">
        <!-- Title Area -->
        <li class="name">
          <h1><a href="/">Paly SJP</a></h1>
        </li>
          </ul>

              <!-- All tabs on right side  -->
              <section class="top-bar-section">
        <ul class="right">

          <li class="name">
            <a href="/about.html">ABOUT US</a>
          </li>

          <li class="name">
            <a href="/calendar.html">CALENDAR</a>
          </li>

          <li class="has-dropdown not-click"><a href="#">COHORTS</a>
            <ul class="dropdown">
              <li><a href="/cohorts/one/about.html">COHORT 1</a></li>
              <li><a href="/cohorts/two/about.html">COHORT 2</a></li>
            </ul>
          </li>   
        </ul>
          </section>
        </nav>      
      </div>

      <!-- Side bar -->
      <nav class="tab-bar show-for-small">
        <a class="left-off-canvas-toggle menu-icon" href="#">
          <span>
        Paly&nbsp;SJP
          </span>
        </a>
      </nav>

      <aside class="left-off-canvas-menu">
        <ul class="off-canvas-list">
          <li>
        <label>Menu</label>
          </li>
          <li>
        <a href="/">Paly SJP</a>
          </li>
          <li>
          <a href="about.html">About Us</a>
          </li>
          <li>
        <a href="about.html">Calendar</a>
          </li>
          <li>
        <label>Cohorts</label>
          </li>
          <li style="background-color: #3B3B3B">
        <a href="/cohort/one.html">Cohort 1</a>
          </li>
        </ul>
      </aside>

      <div class="content">
        {{ content }}
      </div>

      <div class="footer">
        <div class="row">
          <div class="large-12 columns">
        <h6 style="color:#ffffff; margin-top:24px; font-size:14px;">Keep in touch!</h6>
        <a href="https://twitter.com/palysocjustice" target="_blank">
          <img src="/assets/img/logo/footer/twitter.png" class="logo" /></a>
        <a href="https://www.facebook.com/pages/Paly-Social-Justice-Pathway/1481478495402897" target="_blank">
          <img src="/assets/img/logo/footer/facebook.png" class="logo" /></a>
        <a href="http://palysocialjustice.blogspot.com/" target="_blank">
          <img src="/assets/img/logo/footer/blogspot.png" class="logo" /></a>
          </div>
        </div>
      </div>
    </div>
      </div>

      <script type="text/javascript" src="/assets/foundation/js/vendor/jquery.js"></script>
      <script type="text/javascript" src="/assets/foundation/js/foundation.min.js"></script>
      <script type="text/javascript" src="/assets/foundation/js/foundation/foundation.clearing.js"></script>
      <script type="text/javascript" src="/assets/foundation/js/foundation/foundation.offcanvas.js"></script>
      <script type="text/javascript" src="/assets/js/custom.js"></script>


    </div>
      <script type="text/javascript">
    $(document).foundation();
      </script>

  </body>
</html>


{{page.title}}|帕利SJP






















同伙




{{content}}
保持联络！
$（document.foundation（）；

如果您使用Chrome中的开发者工具或正在使用的任何浏览器检查aside元素，则与

左侧画布菜单相关联的样式将不存在
重新上传完整的foundation.css
文件，以确保应用了适当的样式。
控制台中有错误吗？下面是一个使用html内容的示例，它看起来很有效。我所做的唯一更改是在nav
元素中添加一类hide for small
，这样它就不会出现在小屏幕上。不幸的是，没有。如果你想查看开发人员网站，你可以在palysjp.com:25565上查看它。我将尝试隐藏小标记，但我认为这不会解决问题。类更改不会解决您的问题。这只是我在创建小提琴时碰巧注意到的一个设计问题。你认为这个问题可能源于JS文件的错误初始化吗？我应该实施一些我不知道的事情吗？不确定。我正在看这个网站，乍一看没有什么不对劲的地方。如果我发现任何不对劲的地方，我会给你回电话的。