Удаление косой черты на www.mysite.com/#i-bc

Question

Я хочу перейти к конкретному div на моей домашней странице, когда вы выбираете событие изменения. Я хочу получить результат www.mysite.com#i-bc, но между ними добавляется конечная слэш, как www.mysite.com/#i-bc. Я хочу удалить эту конечную косую черту, используя jquery или что-то еще. Вот мой код:

Сценарий:

$(function(){ 
    $('.toggle-view').on('change', function() { 
     var url = $(this).val(); 
     if (url) { 
      window.location.hash = url; 
     } 
     return false; 
    }); 
}); 

Мой HTML выглядит так:

<select class="toggle-view"> 
    <option value="#i-bc">1</option> 
    <option value="#i-st">2</option> 
    <option value="#i-mm">3</option> 
    <option value="#i-cc">4</option> 
</select> 

<div id="i-bc">some content here </div> 
<div id="i-st">some content here </div> 
<div id="i-mm">some content here </div> 
<div id="i-cc">some content here </div> 

Благодаря InAdvance

Answer 1

Better использования window.location.hash. Его лучше, чем href

<script> 
 
    $(function(){ 
 
     $('.toggle-view').on('change', function() { 
 
      var url = $(this).val(); 
 
      if (url) { 
 
       window.location.hash = url; 
 
        } 
 
      return false; 
 
     }); 
 
    }); 
 
</script>

Answer 2

Попробуйте это,

$(function(){ 
    $('.toggle-view').on('change', function() { 
     var url = $(this).val(); 
     if (url) { 
      window.location.hash = url; 
     } 
     return false; 
    }); 
}); 

window.location.hash специально используется для воспроизведения с хэшированных URLs.