Question

每次我的网址更改时，我都会尝试更新菜单按钮的状态。以下代码位于我的按钮mouseleave上：

$(document).ready(function() {
    $("#btnAdd, #btnEdit").mouseleave(function(event) {
        ActivateMenuButton();
    });     
});

function ActivateMenuButton() {
    var currentURL = window.location.pathname;
    //alert(currentURL);

    //deselect current selected button
    $("#btnAdd, #btnEdit").removeClass("buttonSelected");

    //select menu button according to URL
    if (currentURL.indexOf('Add') >= 0) {
        $("#btnAdd").addClass("buttonSelected");    
    }

    if (currentURL.indexOf('Ddit') >= 0) {
        $("#btnEdit").addClass("buttonSelected");   
    }
}

有没有办法通过jQuery或javescript检测页面何时更改并触发上面的代码？

Answer 1

您将寻找jQuery.ready（），它在页面加载完毕时触发。你的javascript代码在页面加载之间不记得自己，因此mouseleave事件毫无意义，你想要继续直接激活ActivateMenuButton。

jQuery(document).ready(function() { ActivateMenuButton(); });

更改URL后更改按钮的状态

1 个答案: