HTML鏈接將不會鏈接到http

Question

我有一個hrefs鏈接遠離我的網站的問題。

我的頭文件中的某些鏈接（鏈接出頁面的鏈接）無論如何都拒絕工作，但鏈接到內部div的頭文件中的鏈接工作得很好。

此外，當我右鍵單擊鏈接並從下拉菜單中選擇打開，它按預期工作。

鏈接到網站：

http://66.*.*.89 

這是在標題左上角的Twitter和YouTube按鈕。

代號爲CSS：

#header { 
    font-family:arneper; 
    color:white; 
    width:100%; 
    height: 100px; 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    background:rgba(0,0,0,0.7); 
} 

#header #headermenu { 
    width:97%; 
    padding: 0; 
    float:left; 
    margin:0 25px; 
} 

#header #headermenu li { 
    list-style: none; 
} 

#header #headermenu li a { 
    color:#888; 
    float:right; 
    text-align:center; 
    font-size:12px; 
    margin:8px; 
    width:50px; 
    padding: 8px 0px; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-t-border-radius: 3px; 
    -o-transition: 0.3s linear 0s, color 0.3s linear 0s; 
    -moz-transition: 0.3s linear 0s, color 0.3s linear 0s; 
    -webkit-transition: 0.3s linear 0s, color 0.3s linear 0s; 
} 

#header #headermenu li a:hover { 
    color:#FFF; 
    -o-transition: 0.3s linear 0s, color 0.3s linear 0s; 
    -moz-transition: 0.3s linear 0s, color 0.3s linear 0s; 
    -webkit-transition: 0.3s linear 0s, color 0.3s linear 0s; 
} 

#header #title { 
    font: bold 310%/100% Didot, Arial, sans-serif; 
    font-size:30px; 
    font-weight: lighter; 
    margin: 25px 40px 0px 35px; 
    color: #fff; 
    text-transform: uppercase; 
    letter-spacing: -2px; 
    -o-transition: 0.3s linear 0s, color 0.3s linear 0s; 
    -moz-transition: 0.3s linear 0s, color 0.3s linear 0s; 
    -webkit-transition: 0.3s linear 0s, color 0.3s linear 0s; 
} 

#header #title :hover{ 
    color: #888; 
    -o-transition: 0.3s linear 0s, color 0.3s linear 0s; 
    -moz-transition: 0.3s linear 0s, color 0.3s linear 0s; 
    -webkit-transition: 0.3s linear 0s, color 0.3s linear 0s; 
} 

頁眉HTML：

<div id="header"> 
    <div id="title"><a href="index.html" target="_blank">Home</a></div> 
    <ul id="headermenu"> 
     <li style="float:left"><a href="http://www.twitter.com/">Twitter</a></li> 
     <li style="float:left"><a href="http://www.youtube.com/">YouTube</a></li> 
     <li><a href="#main">Top</a></li> 
     <li><a href=".about">About</a></li> 
     <li><a href=".code">Code</a></li> 
     <li><a href=".portfolio">Portfolio</a></li> 
    </ul> 
    </div> 

編輯：我剛剛意識到，在頁腳的按鈕有同樣的問題..

Answer 1

你有這樣的jQuery代碼在您的標題中

$('a').click(function(e){ 
    e.preventDefault(); 

    var target= $(this).attr("href"); 
    $target=$(target); 

    $('html,body').animate({scrollTop:$target.offset().top},1200,'swing'); 
}); 

它針對所有鏈接，而不僅僅是內部鏈接。既然你打電話e.preventDefault()那些鏈接不會去任何地方。

您可以將另一個類附加到您的內部鏈接並縮小您的jQuery選擇器，或者在您的處理程序中，您可以檢查鏈接的href屬性以查看它是否以#開頭。

你也可以使用jQuery的starts-with attribute selector.

$("a[href^='#']").click(function(e) { 

（你需要更新你的鏈接上使用#，而不是.）