Menu icon Foundation
Error Class

<div data-alert class="alert-box alert round">
  This is an alert - alert that is rounded.
  <a href="#" class="close">&times;</a>
</div>
            

         

In order to show the error, foundation shows the error.. But if I want to close the error showing, when I click on the x-icon, it doesn't close. Which files am I missing?

alert-box

<div data-alert class="alert-box alert round">
  This is an alert - alert that is rounded.
  <a href="#" class="close">&times;</a>
</div>
            

         

In order to show the error, foundation shows the error.. But if I want to close the error showing, when I click on the x-icon, it doesn't close. Which files am I missing?

Rafi Benkual almost 5 years ago

It is working here: http://codepen.io/rafibomb/pen/vEywRg

Do you have JQuery and foundation.min.js loaded on the page?

James Van Waza almost 5 years ago

Thanks Rafi, I guess I just needed to include the files in the page.

However when I use a PHP file, it is still not loading, what could be the problem?

Shoaib Iqbal almost 5 years ago

Hi James,
The icon is shown as it needs CSS only for display, for it to fade out on click you need to have foundation js files to be included with jQuery. Also check console for errors if you already have files included.

Please put the url for the page so that it can be debugged.