我创建了一个 1 寻呼机网站,但我使用 js 来避免看到网址中的哈希值。
HTML:
<ul class="click crsl">
<li><a class="page1 dot active"></a></li>
<li><a class="page2 dot"></a></li>
<li><a class="page3 dot"></a></li>
<li><a class="page4 dot"></a></li>
</ul>
JS:
<script type="text/javascript">
$(".page1").click(function() {
$('html, body').animate({
scrollTop: $("#pageOne").offset().top
}, 1000);
});
<-- up to page4 and #pageFour -->
</script>
所有教程都向我展示如何向 li a
标记添加/删除事件类,但它们都使用 `a href="#idOfDiv"。
这会导致我的第一个脚本无用,因为网址将是
最佳答案
您只需在您的点击
处理程序中添加该类即可:
<script type="text/javascript">
$(".dot").click(function() {
$('html, body').animate({
scrollTop: $("#pageOne").offset().top
}, 1000);
$('.active').removeClass('active');
$(this).addClass("active");
});
</script>
关于javascript - 是否可以在不使用 href 的情况下添加事件类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46731034/