Drupal Foundation顶部栏切换不起作用

时间:2014-10-29 19:29:54

标签: drupal drupal-7 zurb-foundation

我开始使用drupal和Zurb foundation theme设计网站 我添加了一些页面。页面显示在顶部栏中。当屏幕变小时,我的所有页面都会消失在顶部栏中,menu项目会显示带有3个条纹的图标。但是,当我单击此menu项时,没有任何反应。

以下是page.tpl.php

的代码
<?php if ($top_bar): ?>
    <!--.top-bar -->
    <?php if ($top_bar_classes): ?>
    <div class="<?php print $top_bar_classes; ?>">
    <?php endif; ?>
    <div class="contain-to-grid">
        <nav class="top-bar"   data-topbar>
          <ul class="title-area">
            <li class="name"><h1><?php print $linked_site_name; ?></h1></li>
            <li class="toggle-topbar menu-icon"><a href="#"><span><?php print $top_bar_menu_text; ?></span></a></li>
          </ul>

          <section class="top-bar-section">
            <?php if ($top_bar_main_menu) :?>
              <?php print $top_bar_main_menu; ?>
            <?php endif; ?>
            <?php if ($top_bar_secondary_menu) :?>
              <?php print $top_bar_secondary_menu; ?>
            <?php endif; ?>
          </section>
        </nav>
      </div>
    </div>
    <?php if ($top_bar_classes): ?>
    <?php endif; ?>
  <!--/.top-bar -->

<?php endif; ?>

生成此代码

<!--.top-bar -->
            <div class="contain-to-grid">
        <nav class="top-bar"   data-topbar>
          <ul class="title-area">
            <li class="name"><h1><a href="/raedthuijs/" rel="home" title="Raedthuijs Home" class="active">Raedthuijs</a></h1></li>
            <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
          </ul>

          <section class="top-bar-section">
                              <ul id="main-menu" class="main-nav left"><li class="first leaf"><a href="/raedthuijs/" class="active">Home</a></li><li class="last leaf"><a href="/raedthuijs/?q=node/8">Page 2</a></li></ul>                                                  <ul id="secondary-menu" class="secondary link-list right"><li class="first leaf"><a href="/raedthuijs/?q=user">My account</a></li><li class="last leaf"><a href="/raedthuijs/?q=user/logout">Log out</a></li></ul>                              </section>
        </nav>
      </div>
    </div>
          <!--/.top-bar -->

你能帮帮我吗?

Here是Drupal生成的所有代码

1 个答案:

答案 0 :(得分:0)

我没有安装jquery更新。那是我的问题。