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

Question

我創建了1個分頁器網站，但我使用js來避免在url中看到散列。
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」。
它會導致我的沒用的第一個劇本，因爲URL將被

http://mywebpage.com/#pageOne

Answer 1

<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> 

Answer 2

你可以只添加click處理程序中的類：

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