首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >.hashchange没有跳到锚标签?

.hashchange没有跳到锚标签?
EN

Stack Overflow用户
提问于 2013-11-22 00:36:25
回答 1查看 1.4K关注 0票数 3

我正在使用Ben的哈希变化插件,代码成功地切换了指定的div类。

我不知道的是如何让它停止跳到锚标签上。我希望它停留在用户当前位置滚动的位置。

这是我的密码。

代码语言:javascript
复制
$(window).hashchange( function(){
$(function(){
$('.eventselected').removeClass('eventselected');
$(location.hash).addClass('eventselected');

});
});

$(window).trigger( 'hashchange' );

情况是,当用户从外部链接到页面时,以及在父页面上单击链接时,我希望添加类。只是不想让它跳起来!

链接的类是.side-eventmore

我试过用这个修改我的代码..。但还是没用..。

代码语言:javascript
复制
$( ".side-eventmore" ).click(function(e) {
e.preventDefault();
var hash = $(this).attr("href").replace('events.cfm', '') || 'blank';
document.location.hash = hash;  
});

$(window).hashchange( function(ev){
ev.preventDefault();
$(function(){
$('.eventselected').removeClass('eventselected');
$(location.hash).addClass('eventselected');
});

});

$(window).trigger( 'hashchange' );
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-22 18:08:58

好吧,想清楚了。

最后,我要做的是手动将每个受影响div的id更改为hashtag + "-id",但是保留指向只有散列表sans "-id“的链接。

代码语言:javascript
复制
<div id="#hash-id"></div>
<a href="#hash">link</a>

然后在代码中我把新的类应用于#散列-id.像这样..。

代码语言:javascript
复制
$(window).hashchange( function(){

var selectid = location.hash;
selectid += '-id';

$(function(){
$('.eventselected').removeClass('eventselected');
$(selectid).addClass('eventselected');
});

});

$(window).trigger( 'hashchange' );
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20134786

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档