将引导按钮链接到网页的问题

我想将按钮链接到网页。这是我拥有的代码，但是当我单击不指向该页面的按钮时。将引导按钮链接到网页的问题

<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

将引导按钮链接到网页的问题

回答

相关问题