Question

添加了这段代码，以使用Jquery 3.3.1突出显示菜单中的活动页面，它在Chrome和Safari上有效，但在Firefox上无效。使用本地版本的Jquery.min.js并清除了缓存，但仍然无法正常工作。

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

Answer 1

字符串比较区分大小写。.我认为您可以尝试这两种方法以查看它们是否起作用。

首先：使用toLowerCase方法

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

第二：控制台输出浏览器看到的内容

   $(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');
    }
    });
});

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

1 个答案: