Menu icon Foundation
Foundation 5.1.1 - js bug with "CSS custom" download

Hi,

I've updated the foundation js and all the js don't work (Accordion, offcanvas etc).
I downloaded the "CSS custom" version.

The foundation.min.js doesn't worrk.

All the other js (Not minified) work instead!
Although the firebug show me:
" TypeError: cont is undefined"
"Row: 53" of foundation.js

Are there any incompatibility with the jquery?

Can you help me please?

Thanks

5.1.1jsjavascriptcustomizer

Hi,

I've updated the foundation js and all the js don't work (Accordion, offcanvas etc).
I downloaded the "CSS custom" version.

The foundation.min.js doesn't worrk.

All the other js (Not minified) work instead!
Although the firebug show me:
" TypeError: cont is undefined"
"Row: 53" of foundation.js

Are there any incompatibility with the jquery?

Can you help me please?

Thanks

Rafi Benkual almost 6 years ago

Just tested a custom download with accordions. Can't replicate this issue. http://cdpn.io/gwnoE

Here is the page structure

<!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="css/foundation.css" />
    <script src="js/vendor/modernizr.js"></script>
  </head>
  <body>

<dl class="accordion" data-accordion>
  <dd>
    <a href="#panel1">Accordion 1</a>
    <div id="panel1" class="content active">
      Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    </div>
  </dd>
  <dd>
    <a href="#panel2">Accordion 2</a>
    <div id="panel2" class="content">
      Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </dd>
  <dd>
    <a href="#panel3">Accordion 3</a>
    <div id="panel3" class="content">
      Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </dd>
</dl>

    <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script>
      $(document).foundation();
    </script>
  </body>
</html>

Can you post more information about what customizations you chose and your page code?