Menu icon Foundation

Developer | Mannheim, Germany

My Posts

No Content

My Comments

Martin Eberle commented on Shmoo's post over 5 years

After i updated from Foundation 5.2 to 5.3 it works.

Martin Eberle commented on Ninad Chande's post over 5 years

This fixes Foundation Dropdown (foundation.dropdown.js) in IE8 as well.

Martin Eberle commented on Robocop's post over 5 years

Hi Rob,

as Michael already said, downgrade jQuery to 1.x.

I refactored Michaels solution, in order to work for any tabs and work on pageload as well:

       var nav = navigator.userAgent;

      if(nav.indexOf('MSIE 8.0') > -1)
      {
        // on load show only first tab
        $('.content', '.tabs-content').removeClass('active').css('display', 'none');
        $('.content:first-child', '.tabs-content').addClass('active').css('display', 'block');

        // When user clicks on tabs link
        $('.tabs dd').on('click', 'a', function (event) {

          var currentPanel = '#' + this.href.split('#')[1];
          var currentElement = $(currentPanel);

          $(this).parents('.tabs').next('.tabs-content').children('.content').removeClass('active').css('display', 'none');
          currentElement.addClass('active').css('display', 'block');

        });
      }

Hope this helps you!

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Shmoo's post over 5 years

After i updated from Foundation 5.2 to 5.3 it works.

You commented on Ninad Chande's post over 5 years

This fixes Foundation Dropdown (foundation.dropdown.js) in IE8 as well.

You commented on Robocop's post over 5 years

Hi Rob,

as Michael already said, downgrade jQuery to 1.x.

I refactored Michaels solution, in order to work for any tabs and work on pageload as well:

       var nav = navigator.userAgent;

      if(nav.indexOf('MSIE 8.0') > -1)
      {
        // on load show only first tab
        $('.content', '.tabs-content').removeClass('active').css('display', 'none');
        $('.content:first-child', '.tabs-content').addClass('active').css('display', 'block');

        // When user clicks on tabs link
        $('.tabs dd').on('click', 'a', function (event) {

          var currentPanel = '#' + this.href.split('#')[1];
          var currentElement = $(currentPanel);

          $(this).parents('.tabs').next('.tabs-content').children('.content').removeClass('active').css('display', 'none');
          currentElement.addClass('active').css('display', 'block');

        });
      }

Hope this helps you!

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content