Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

This jQuery is not working with Firefox only

  • No replies
  • 1 has this problem
  • 1 view
Chinmay Rajyaguru
Chinmay Rajyaguru
more options

I'm using it for megamenu. It's working fine on Google Chrome, Edge, Brave, and Opera.

It's not working on Firefox only.

I have also put this jQuery between <head> tag. Still, not working.

/*jshint esversion: 6 */ jQuery(document).ready(function($) { 

   "use strict";
   // Mega menu (with tabs)
   $(window).load(function(){
       $('.megamenu-tabs').each(function(){
$( '.menu-item', this ).wrapAll( '
    '); $( '.tab-content', this ).wrapAll( '
      '); $( '.tabs-nav, .tabs-content-wrapper', this ).wrapAll( '
    • '); $('ul.sub-menu', this).show(); $('.tab-content:not(:first-child)', this).addClass('tab-hidden'); $('.tabs-nav li:first-child', this).addClass('nav-active'); $('.tabs-nav li', this).hover(function() { var tabId = $(this).attr('id'); $(this).closest('.tabs-nav').find('li').removeClass('nav-active'); $(this).addClass('nav-active'); $(this).closest('.submenu-content').find('li.tab-content').addClass('tab-hidden'); $(this).closest('.submenu-content').find('li.'+tabId).removeClass('tab-hidden'); }); var highestTab = $('.tabs-content-wrapper', this).outerHeight(); $('.tabs-nav', this).css( 'min-height', highestTab-40 ); }); }); });
I'm using it for megamenu. It's working fine on Google Chrome, Edge, Brave, and Opera. It's not working on Firefox only. I have also put this jQuery between <head> tag. Still, not working. /*jshint esversion: 6 */ jQuery(document).ready(function($) { "use strict"; // Mega menu (with tabs) $(window).load(function(){ $('.megamenu-tabs').each(function(){ $( '.menu-item', this ).wrapAll( '<ul class="tabs-nav" />'); $( '.tab-content', this ).wrapAll( '<ul class="tabs-content-wrapper" />'); $( '.tabs-nav, .tabs-content-wrapper', this ).wrapAll( '<li class="submenu-content" />'); $('ul.sub-menu', this).show(); $('.tab-content:not(:first-child)', this).addClass('tab-hidden'); $('.tabs-nav li:first-child', this).addClass('nav-active'); $('.tabs-nav li', this).hover(function() { var tabId = $(this).attr('id'); $(this).closest('.tabs-nav').find('li').removeClass('nav-active'); $(this).addClass('nav-active'); $(this).closest('.submenu-content').find('li.tab-content').addClass('tab-hidden'); $(this).closest('.submenu-content').find('li.'+tabId).removeClass('tab-hidden'); }); var highestTab = $('.tabs-content-wrapper', this).outerHeight(); $('.tabs-nav', this).css( 'min-height', highestTab-40 ); }); }); });