【问题标题】:foundation menu is not working in CodeIgniter基础菜单在 CodeIgniter 中不起作用
【发布时间】:2014-04-21 16:47:09
【问题描述】:

我是 Foundation 框架的新手,我正在尝试将 Foundation 与 CodeIgniter 集成。一切正常,但菜单部分不起作用。似乎样式不影响菜单。我正在处理这个问题已经 2-3 天了,请帮我解决这个问题。

 <!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="<?php echo base_url().'public/lib/found/'; ?      >
 css/foundation.css" />
<script src="<?php echo base_url().'public/lib/found/'; ?>js/vendor/
 modernizr.js">         </script>
<style>
.columns
{
    border:1px solid red;
}
</style>
</head>
 <body>

   <div class="row">
  <nav class="top-bar" data-topbar>
  <ul class="title-area">
  <li class="name">
  <h1><a href="#">My Site</a></h1>
  </li>
  <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
  </ul>

   <section class="top-bar-section">
   <!-- Right Nav Section -->
   <ul class="right">
   <li class="active"><a href="#">Right Button Active</a></li>
  <li class="has-dropdown">
    <a href="#">Right Button Dropdown</a>
    <ul class="dropdown">
      <li><a href="#">First link in dropdown</a></li>
    </ul>
  </li>
</ul>

<!-- Left Nav Section -->
<ul class="left">
  <li><a href="#">Left Nav Button</a></li>
</ul>
 </section>
</nav>
</div>

<div class="row">
<div class="large-4 columns"><br/><br/></div>
<div class="large-8 columns"><br/><br/></div>
</div>


<script src="<?php echo base_url().'public/lib/found/'; ?>js/vendor/
jquery.js">    </script>
<script src="<?php echo base_url().'public/lib/found/'; ?>js/
 foundation.min.js"></script>
<script>
  $(document).foundation();

  </script>
  </body>
 </html>

【问题讨论】:

    标签: php css codeigniter zurb-foundation


    【解决方案1】:

    我发现了问题。我只添加了我在 html 页面中包含的文件,如modernizr.js、foundation.min.js、foundation.css ..等。但是当我将整个基础文件夹添加到我的新应用程序时,它的工作原理。

    【讨论】:

      猜你喜欢
      • 2016-04-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-05-15
      相关资源
      最近更新 更多