Menu icon Foundation

Designer

My Posts



My Comments

Htet Htet Aung commented on Htet Htet Aung's post over 5 years

Thanks very much for your help!!!

Htet Htet Aung commented on Htet Htet Aung's post over 5 years

It's working on the page now. You are right, I was missing foundation.min.js in my list of files.

Thanks!

Htet Htet Aung commented on Htet Htet Aung's post over 5 years

I am working on a mac 0s 10.9.4 with firefox 31.0.

Here is my tab code. I have the starter index.html from Foundation where I put this code in (in its own row) AND right now the tabs are NOT working in Safari, Chrome, or Firefox.

Very weird!

In jsfiddle.net, the code works as expected.

                  <ul class="tabs" data-tab>
                    <li class="tab-title active"><a href="#panel2-1">Tab 1</a></li>
                    <li class="tab-title"><a href="#panel2-2">Tab 2</a></li>
                    <li class="tab-title"><a href="#panel2-3">Tab 3</a></li>
                    <li class="tab-title"><a href="#panel2-4">Tab 4</a></li>
                  </ul>
                  <div class="tabs-content">
                    <div class="content active" id="panel2-1">
                      <p>First panel content goes here...</p>
                    </div>
                    <div class="content" id="panel2-2">
                      <p>Second panel content goes here...</p>
                    </div>
                    <div class="content" id="panel2-3">
                      <p>Third panel content goes here...</p>
                    </div>
                    <div class="content" id="panel2-4">
                      <p>Fourth panel content goes here...</p>
                    </div>
                  </div>

And my error has changed to

TypeError: $(...).foundation is not a function

$(document).foundation();

Here is the script I'm using at the end of my html:



$(document).foundation();

Thanks for all your help!

Posts Followed

No Content

Following

    No Content

Followers

My Posts



My Comments

You commented on Htet Htet Aung's post over 5 years

Thanks very much for your help!!!

You commented on Htet Htet Aung's post over 5 years

It's working on the page now. You are right, I was missing foundation.min.js in my list of files.

Thanks!

You commented on Htet Htet Aung's post over 5 years

I am working on a mac 0s 10.9.4 with firefox 31.0.

Here is my tab code. I have the starter index.html from Foundation where I put this code in (in its own row) AND right now the tabs are NOT working in Safari, Chrome, or Firefox.

Very weird!

In jsfiddle.net, the code works as expected.

                  <ul class="tabs" data-tab>
                    <li class="tab-title active"><a href="#panel2-1">Tab 1</a></li>
                    <li class="tab-title"><a href="#panel2-2">Tab 2</a></li>
                    <li class="tab-title"><a href="#panel2-3">Tab 3</a></li>
                    <li class="tab-title"><a href="#panel2-4">Tab 4</a></li>
                  </ul>
                  <div class="tabs-content">
                    <div class="content active" id="panel2-1">
                      <p>First panel content goes here...</p>
                    </div>
                    <div class="content" id="panel2-2">
                      <p>Second panel content goes here...</p>
                    </div>
                    <div class="content" id="panel2-3">
                      <p>Third panel content goes here...</p>
                    </div>
                    <div class="content" id="panel2-4">
                      <p>Fourth panel content goes here...</p>
                    </div>
                  </div>

And my error has changed to

TypeError: $(...).foundation is not a function

$(document).foundation();

Here is the script I'm using at the end of my html:



$(document).foundation();

Thanks for all your help!

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content