同じタブまたは新しいタブでプロジェクトの新しいサブページを開く方法は？

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'); 
      }); 

と私のナビゲーションへスクロールスクリプトのそれは「キャリア」をクリックして次のページに行っていないので、私はそれをクリックすることで、同じタブまたは新規でcareer.htmlを開くために何ができる 、など今

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

です。

私の英語のために残念です。

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("#")