2013-08-20 27 views
0

我是新來的基礎,我試圖做出一些不同的內容很好的選項卡。爲此,我使用their documentation。然而,它不能像它應該做的那樣工作。一切工作正常,除了部分不包括對方。每個部分放在另一個之後,即使其他部分隱藏。這裏有一個例子:不能使基礎部分示例工作

  1. First tab
  2. Some other tab

正如你所看到的,這是很醜陋的。這裏是我的代碼:

<meta name="viewport" content="width=device-width" /> 
<title>Test Page</title> 
<link rel="stylesheet" href="/autoPA/static/css/normalize.css" /> 
<link rel="stylesheet" href="/autoPA/static/css/foundation.css" /> 
<link rel="stylesheet" href="/autoPA/static/css/dynamease.css" /> 

<script src="/autoPA/static/js/vendor/custom.modernizr.js"></script> 

</head> 
<body> 
    <div class="section-container auto" data-section> 
     <section> 
      <p class="title" data-section-title> 
       <a href="#panel1">Section 1</a> 
      </p> 
      <div class="content" data-section-content> 
       <p>Content of section 1.</p> 
      </div> 
     </section> 
     <section> 
      <p class="title" data-section-title> 
       <a href="#panel2">Section 2</a> 
      </p> 
      <div class="content" data-section-content> 
       <p>Content of section 2.</p> 
      </div> 
     </section> 
    </div> 

    <!-- Check for Zepto support, load jQuery if necessary --> 
    <script> 
     document 
       .write('<script src=' 
         + ('__proto__' in {} ? '/autoPA/static/js/vendor/zepto' 
           : '/autoPA/static/js/vendor/jquery') 
         + '.js><\/script>') 
    </script> 
    <script src="/autoPA/static/js/foundation.min.js"></script> 
    <script> 
     $(document).foundation(); 
    </script> 
</body> 
</html> 

。你們看到什麼錯呢? (每個文件包括被發現,螢火蟲沒有檢測到任何錯誤)。

回答

0

嘗試增加:

<script src="/autoPA/static/js/lib/foundation/foundation.section.js"></script> 

...到你的頁面的底部。

BTW,我不能讓我的工作之一: -/

UPDATE:foundation.min.js已經包含foundation.section.js我的壞!

+0

沒問題。我在[這裏](https://groups.google.com/forum/#!topic/foundation-framework-/u320Ty6PKTA)上詢問了關於Google小組的相同問題,如果可以使其發揮作用,我會通知您。 – fxm