代码段可在Chrome，Safari和Firefox上运行

Question

Added this bit of code to highlight active page in menu using Jquery 3.3.1 and it works on Chrome and Safari but not on Firefox. Using a local version of Jquery.min.js and cleared cache but still not working.

$(document).ready(function(){
  $('a').each(function() {
    if ($(this).prop('href') == window.location.href) {
      $(this).addClass('current');
    }
  });
});

Answer 1

String comparison is case sensitive.. I think you can try these two methods to see if they work..

First: Use a toLowerCase method

   $(document).ready(function(){
    $('a').each(function() {
    if ($(this).prop('href').toLowerCase() == window.location.href.toLowerCase()) {
        $(this).addClass('current');
    }
    });
});

Second: Console output what the browsers are seeing

   $(document).ready(function(){
    $('a').each(function() {
    console.log("href : " + $(this).prop('href'));
    console.log("window.location.href : " + window.location.href);

    if ($(this).prop('href').toLowerCase() == window.location.href.toLowerCase()) {
        $(this).addClass('current');
    }
    });
});