將引導按鈕鏈接到網頁的問題

我想將按鈕鏈接到網頁。這是我擁有的代碼，但是當我單擊不指向該頁面的按鈕時。將引導按鈕鏈接到網頁的問題

<button class="btn2 btn-primary btn-lg dropdown-toggle"type="button" id="WebPast" data-toggle="dropdown" 
<a href= "HomePage.html">  
    Home Page ▼ </a> 
</button>

來源

2017-04-26 freya

你已經一個錯字，你在button標籤月底失蹤>：

<button class="btn2 btn-primary btn-lg dropdown-toggle".....toggle="dropdown"> 
_____________________________________________________________________________^

希望這有助於。

<button class="btn2 btn-primary btn-lg dropdown-toggle" type="button" id="WebPast" data-toggle="dropdown"> 
 
<a href= "HomePage.html">  
 
Home Page ▼ </a> 
 
</button>

來源

2017-04-26 14:18:07

也許是因爲你忘了關閉按鈕標籤

<button class="btn2 btn-primary btn-lg dropdown-toggle"type="button" id="WebPast" data-toggle="dropdown" <!-- ?? Where is your ">" ??-->

試試這個：

<button class="btn2 btn-primary btn-lg dropdown-toggle"type="button" id="WebPast" data-toggle="dropdown"> 
     <a href= "HomePage.html">Home Page</a> 
</button>

來源

2017-04-26 14:19:06

你的問題是不有關錯字在<button>。我測試了你的代碼，實際上它不起作用。事實上，您的按鈕包裝了您的鏈接，因此當您單擊該按鈕時，您的<a>元素上不會觸發默認的點擊事件。如果你想保持這個HTML的結構，你可以使用JavaScript，使其工作：

document.getElementById('WebPast').addEventListener('click', handler, true); 
 

 
function handler(e) { 
 
    location.href = e.target.children[0].href; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Demo</title> 
 
</head> 
 
<body> 
 
    <button class="btn2 btn-primary btn-lg dropdown-toggle" type="button" id="WebPast" data-toggle="dropdown"> 
 
    <a href="http://stackoverflow.com">Home Page ▼</a> 
 
    </button> 
 
</body> 
 
</html>

來源

2017-04-26 15:08:14 Badacadabra

按鈕不鏈接

您可以只使用一個<a>代替

<a href="HomePage.html" class="btn2 btn-primary btn-lg dropdown-toggle" id="WebPast" data-toggle="dropdown">Home Page ▼</a>

也適用:)

來源

2017-04-26 15:26:08

將引導按鈕鏈接到網頁的問題

回答

相關問題