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

更好地使用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专门用于播放散列网址。

在www.mysite.com/#i-bc中删除尾部斜杠

2 个答案: