javascript - 在事件 anchor 上运行功能

标签 javascript jquery html css jquery-events

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

我目前有这个结构,它只适用于附加了有效 anchor 的页面加载。

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

这仅适用于带有设置 anchor 的页面加载。我怎样才能使它更具动态性,以便脚本在 anchor 更改时执行?

最佳答案

jQuery 可以 Hook hashchange event所以你可以这样做:

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

关于javascript - 在事件 anchor 上运行功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43310753/

相关文章:

javascript - 如何正确制作垂直可滚动区域

javascript - 为什么 HTML 数据被剥离,只剩下纯文本?

javascript - 如何降低根据数据类型回调的函数的复杂性?

javascript - 使用 ajax、php 和 javascript 验证通过后插入到数据库

javascript - 隐藏元素时是否禁用 CSS3 转换?

javascript - 使用 Javascript 将 HTML 单元格拖到表格上

javascript - 如何改变div的滚动速度

javascript - 在 blur/focus 事件中,如果下一个焦点在同一个父元素中,你如何才能让 blur 不触发?

javascript - 如何将脚本包含在 angular.json 中

javascript - 我正在尝试将图像大小设置为按钮的大小