在活动锚点上运行功能

时间:2017-04-09 19:08:29

标签: javascript jquery html css jquery-events

我是jQuery的新手,如果设置了div的锚ID,想要突出显示div。

我目前有这个构造,它仅适用于页面加载,附加了有效的锚点。

<html xmlns="https://www.w3.org/1999/xhtml" xmlns:og="https://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">

这仅适用于带有设置锚点的页面加载。如何使这个更加动态,以便在锚更改时脚本执行?

2 个答案:

答案 0 :(得分:1)

您可以将其设为一个功能,并在每次更新时调用它。

function updateAnchors() {
    var divpost = window.location.hash.substr(1);
    if($.isNumeric(divpost)){
        $('#reply_' + divpost).css('background-color', '#EDA2FF');
    }
}

然后在加载更多锚点时调用updateAnchors()

答案 1 :(得分:1)

jQuery可以挂钩到hashchange event,所以你可以这样做:

$(window).on('hashchange', function(e){
    var divpost = window.location.hash.substr(1);
    if($.isNumeric(divpost)){
        $('#reply_' + divpost).css('background-color', '#EDA2FF');
    }
});