javascript - 是否可以在不使用 href 的情况下添加事件类？

Question

我创建了一个 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"。
这会导致我的第一个脚本无用，因为网址将是

http://mywebpage.com/#pageOne

Answer 1

您只需在您的点击处理程序中添加该类即可:

<script type="text/javascript">
    $(".dot").click(function() {
        $('html, body').animate({
            scrollTop: $("#pageOne").offset().top
        }, 1000);
        $('.active').removeClass('active');
        $(this).addClass("active");
    });
</script>