是否可以在不使用href的情況下添加活動類？

Question

我創建了一個分頁器網站，但我使用的是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

您可以將類添加到您的click處理程序中：

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

Answer 2

   <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">
  $("li a").click(function() {
     $('html, body').animate({
        scrollTop: $("#pageOne").offset().top
     }, 1000);
      $('.active').removeClass('active');
      $(this).addClass('active');
});

<-- up to page4 and #pageFour -->
 </script>