如何使jQuery活動狀態忽略大寫或小寫進行url檢測

Question

這是我的代碼，用於使活動狀態工作，問題是區分大小寫。 例如，假設您單擊菜單選項卡之一，則處於活動狀態，但如果嘗試手動更改url，而沒有大寫，則它將不起作用。

如何使腳本有效，以便在檢查href網址中的內容時不考慮區分大小寫？

謝謝大家！

$(document).ready(function() {
    $("ul#menu li a").wrapInner("<span></span>");
    $("ul#menu li a span").css({
        "opacity": 0
    });
$("ul#menu li a").hover(function() {
    $(this).children("span").animate({
        "opacity": 1
    }, 400);
}, function() {
    $(this).children("span").animate({
        "opacity": 0
    }, 400);
});
}); /**ACTIVE STATE SCRIPT**/
$(function() {
    var pathname = window.location.pathname;
    var page = pathname.match(/\/([^\/]+\.[^\/]+)/i)[1];
    var target = $('#menu a').filter(function() {
    console.log($(this).attr('href'), page);
    return $(this).attr('href').toLowerCase().indexOf(page.toLowerCase()) > -1;
});
    $(target).addClass('active');
});

Answer 1

首先，將您的正則表達式更改為：

var page = pathname.match(/\/([^\/]+\.[^\/]+)/i)[1];

然后您的選擇器：

var target = $('#menu a').filter(function(){
    return $(this).attr('href').toLowerCase().indexOf(page.toLowerCase()) > -1;
});