從下拉菜單更改引導程序模式選項卡（同一頁）

Question

嘗試從下拉菜單更改同一頁面上我的引導程序選項卡的選項卡。

這是下拉菜單代碼：

<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 <li><a class="menu-link" href="/menuu/#day">Day</a></li>
 <li><a class="menu-link" href="/menuu/#night">Night</a></li>
 <li><a class="menu-link" href="/menuu/#drinks">Joogid</a></li>
 <li><a class="menu-link" href="/menuu/#takeaway">Takeaway</a></li>
</ul>

這是jQuery，我試圖擺脫鏈接中的/ menuu /，而無需進行任何替換。

<script>
  $(function () {
    $('.menu-link').click(function (e) {
        e.preventDefault();
         var str = this.href;
         this.href = str.replace('/menuu/', '');
        $('a[href="' + $(this).attr('href') + '"]').tab('show');
    })
});
</script>

我的代碼不幸地無法正常工作。 有什么建議嗎？

Answer 1

這應該可以幫助您。

  $('.menu-link').each(function(e) { $(this).attr('href', $(this).attr("href").replace( /\\/menuu\\//gi, '' ) ); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="container"> <div class="row"> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <li><a class="menu-link" href="/menuu/#day">Day</a></li> <li><a class="menu-link" href="/menuu/#night">Night</a></li> <li><a class="menu-link" href="/menuu/#drinks">Joogid</a></li> <li><a class="menu-link" href="/menuu/#takeaway">Takeaway</a></li> </ul> </div> </div>