Question

有人可以解释为什么我的链接不起作用吗？

＆＃13;

<!-- Optional theme  this one is ok -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

＆＃13;

<button type="button" class="btn btn-primary" href="#">Get your Free Quote now!</button>

＆＃13;

Answer 1

内联Javascript：

<button onclick="window.location='http://www.example.com';">Visit Page Now</button>

在Javascript中定义一个函数：

<script> function visitPage(){ window.location='http://www.example.com'; } </script> <button onclick="visitPage();">Visit Page Now</button>

或在Jquery

<button id="some_id">Visit Page Now</button> $('#some_id').click(function() { window.location='http://www.example.com'; });

在Bootstrap中，

<button type="button" class="btn btn-primary" onclick="window.location='http://www.example.com';">Get your Free Quote now!</button>

Answer 2

您可以执行以下操作：它可以。

<a href="#"><button type="button" class="btn btn-primary">Get your Free Quote now!</button></a>

按钮的设计风格保持不变。

Answer 3

正确的方法是使用，但要带有按钮类。

<a href="https://www.google.com" class="btn btn-primary">Get your Free Quote now!</a>

小提琴示例：

https://jsfiddle.net/aq9Laaew/159899/

bootstrap按钮href不起作用

3 个答案: