如何在同一選項卡或新選項卡中打開項目的新子頁面？

Question

我做了一個頁面的網站，它滾動時點擊導航欄的各個部分上，我已經爲應用腳本，

//平滑滾動到href的值

jQuery(".tabs-btn ul li a, .navbar-nav li a, .navbar-brand").click(function(event){ 
       event.preventDefault(); 
       //calculate destination place 
       var dest=0; 
       if($(this.hash).offset().top > $(document).height()-$(window).height()){ 
         dest=$(document).height()-$(window).height(); 
       }else{ 
         dest=$(this.hash).offset().top; 
       } 
       //go to destination 
       jQuery('html,body').animate({scrollTop:dest}, 1000,'swing'); 
      }); 

和我的導航好比，

<ul class="nav navbar-nav"> 
        <li class="active"><a href="#home">HOME</a></li> 
        <li><a href="#services">services</a></li> 
        <li><a href="#experience">skills</a></li> 
        <li><a href="#team">our team</a></li> 
        <li><a href="#portfolio">About Us</a></li> 
        <li><a href="#contact-us">contact us</a></li> 
        <li><a href="career.html" target="_self">career</a></li> 

        </ul> 

現在，因爲腳本是不是通過點擊「事業」去下一個頁面， 我能做些什麼通過點擊它來打開在同一選項卡或新career.html。

對不起，我的英語。

Answer 1

jQuery(".tabs-btn ul li a, .navbar-nav li a, .navbar-brand").click(function(event) { 
    event.preventDefault(); 
    var dest = 0; 
    if ($(this.hash).offset().top > $(document).height() - $(window).height()) { 
     dest = $(document).height() - $(window).height(); 
    } else { 
     dest = $(this.hash).offset().top; 
    } 
    jQuery('html,body').animate({ 
     scrollTop: dest 
    }, 1000, 'swing'); 
}); 

您打電話給event.preventDefault();這是導致鏈接操作被忽略。如果您想在#anchor鏈接上平滑滾動，但讓普通鏈接正常工作，則可以檢查href的第一個字符是否爲#。

$(event).target.attr("href").startsWith("#")