从单击的项目获取哈希并滚动到
Get hash from clicked item and scroll to
我需要点击项目的哈希值。使用此散列,您可以滚动到特定锚点。锚位于滑块中。我使用 Revolution Slider。我不知道这段代码有什么问题。这是行不通的。有谁有想法可以帮助我吗?如果可能的话,代码不应该改变太多,除非它是完全错误的。任何帮助将不胜感激。谢谢。
(function($){
$(document).ready(function() {
$(".menu-item").click(function(e){
e.preventDefault();
var type = $(this).window.location.hash.substr(1);// get href from clicked item
var hash ="#"+type;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 2000, function () {
revapi4.revshowslide($hash.data("slidenr"));
});
});
});
}(jQuery));
.menu-item
href 中有哈希值?
$(".menu-item").click(function(e){
e.preventDefault();
var href =$(this).attr('href');// get href from clicked item
var hrefParts = href.split('#');
var hash = '#'+hrefParts[1];
alert(hash);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<a class="menu-item" href="/uri#hash-div">hash</a>
我需要点击项目的哈希值。使用此散列,您可以滚动到特定锚点。锚位于滑块中。我使用 Revolution Slider。我不知道这段代码有什么问题。这是行不通的。有谁有想法可以帮助我吗?如果可能的话,代码不应该改变太多,除非它是完全错误的。任何帮助将不胜感激。谢谢。
(function($){
$(document).ready(function() {
$(".menu-item").click(function(e){
e.preventDefault();
var type = $(this).window.location.hash.substr(1);// get href from clicked item
var hash ="#"+type;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 2000, function () {
revapi4.revshowslide($hash.data("slidenr"));
});
});
});
}(jQuery));
.menu-item
href 中有哈希值?
$(".menu-item").click(function(e){
e.preventDefault();
var href =$(this).attr('href');// get href from clicked item
var hrefParts = href.split('#');
var hash = '#'+hrefParts[1];
alert(hash);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<a class="menu-item" href="/uri#hash-div">hash</a>